From 9b5fe0ca4688c2fd316f10c83cc1c3b8fa30b98f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 22 Jun 2015 16:30:52 -0700 Subject: [PATCH] clarify some stuff about small navbar; also renamed navbar-condensed to -sm --- docs/components/navbar.md | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/docs/components/navbar.md b/docs/components/navbar.md index 1e53de16b5..f45ee5876a 100644 --- a/docs/components/navbar.md +++ b/docs/components/navbar.md @@ -69,26 +69,26 @@ Add an `.inline-form` within the navbar with nearly any combination of form cont ### Containers -Although it's not required, you can wrap a navbar in a `.container` or add one within for basic horizontal control. +Although it's not required, you can wrap a navbar in a `.container` to center it on a page, or add one within to only center the contents of the navbar. {% example html %} - + + {% endexample %} {% example html %} -
-
+ + {% endexample %} ### Alignment @@ -155,12 +155,14 @@ Replace `.navbar-default` with `.navbar-inverse` for a darker background color a {% endexample %} -### Condensed +### Small navbar + +Small navbars provide a similar aesthetic to Bootstrap 3's navbar. It cuts the padding down, enables full-height navigation, and tweaks vertical alignment for search forms, buttons, and more. It's also available in both default and inverse schemes. -Condensed navbars provide a similar aesthetic to Bootstrap 3's navbar. It cuts the padding down, enables full-height navigation, and tweaks vertical alignment for search forms, buttons, and more. It's also available in both default and inverse schemes. +When moving from a regular navbar to a small one, be sure to update your inputs and buttons to use their small variations as well. {% example html %} -