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 | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 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,17 +69,7 @@ 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. - -{% example html %} - -{% endexample %} +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 %}
@@ -91,6 +81,16 @@ Although it's not required, you can wrap a navbar in a `.container` or add one w
{% endexample %} +{% example html %} + +{% endexample %} + ### Alignment Use `.pull-left` or `.pull-right` to align multiple elements within the navbar. @@ -155,12 +155,14 @@ Replace `.navbar-default` with `.navbar-inverse` for a darker background color a {% endexample %} -### Condensed +### Small navbar -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. +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. + +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 %} -