From 4552bcf66fcaa0a6b40888efd99769edd91aa3bf Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Mon, 20 Jan 2014 23:51:13 +0100 Subject: [PATCH] fix #12311 --- docs/components.html | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/docs/components.html b/docs/components.html index 259354e7fc..94e9d4fbb0 100644 --- a/docs/components.html +++ b/docs/components.html @@ -1254,9 +1254,14 @@ lead: "Over a dozen reusable components built to provide iconography, dropdowns,

Navbars are responsive meta components that serve as navigation headers for your application or site. They begin collapsed (and are toggleable) in mobile views and become horizontal as the available viewport width increases.

-
-

Customize the collapsing point

-

Depending on the content in your navbar, you might need to change the point at which your navbar switches between collapsed and horizontal mode. Customize the @grid-float-breakpoint variable or add your own media query.

+
+

Overflowing content

+

Since Bootstrap doesn't know how much space the content in your navbar needs, you might run into issues with content wrapping into a second row. To resolve this, you can:

+
    +
  1. Reduce the amount or width of navbar items.
    2. +
  2. Hide certain navbar items on certain screen sizes using responsive utility classes. +
  3. Change the point at which your navbar switches between collapsed and horizontal mode. Customize the @grid-float-breakpoint variable or add your own media query.
    4. +

Requires JavaScript