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 %} -