From b87370c28f6f8cd0d2de6cc541dcba22788e4001 Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Tue, 11 Nov 2014 21:22:27 -0800 Subject: [PATCH] navbar callouts cleanup Move all callouts to be adjacent to each other Combine JS-related callouts into a single callout --- docs/_includes/components/navbar.html | 17 ++++++----------- 1 file changed, 6 insertions(+), 11 deletions(-) diff --git a/docs/_includes/components/navbar.html b/docs/_includes/components/navbar.html index e876e80a3d..67a9faa932 100644 --- a/docs/_includes/components/navbar.html +++ b/docs/_includes/components/navbar.html @@ -15,13 +15,18 @@
-

Requires JavaScript

+

Requires JavaScript plugin

If JavaScript is disabled and the viewport is narrow enough that the navbar collapses, it will be impossible to expand the navbar and view the content within the .navbar-collapse.

+

The responsive navbar requires the collapse plugin to be included in your version of Bootstrap.

Changing the collapsed mobile navbar breakpoint

The navbar collapses into its vertical mobile view when the viewport is narrower than @grid-float-breakpoint, and expands into its horizontal non-mobile view when the viewport is at least @grid-float-breakpoint in width. Adjust this variable in the Less source to control when the navbar collapses/expands. The default value is 768px (the smallest "small" or "tablet" screen).

+
+

Make navbars accessible

+

Be sure to add a role="navigation" to every navbar to help with accessibility.

+
{% endhighlight %} -
-

Plugin dependency

-

The responsive navbar requires the collapse plugin to be included in your version of Bootstrap.

-
- -
-

Make navbars accessible

-

Be sure to add a role="navigation" to every navbar to help with accessibility.

-
-

Replace the navbar brand with your own image by swapping the text for an <img>. Since the .navbar-brand has its own padding and height, you may need to override some CSS depending on your image.