0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-19 16:54:24 +01:00

Restore .navbar-text and add some basic examples to the docs /cc #18049

This commit is contained in:
Mark Otto 2016-05-15 12:29:56 -07:00
parent 5a5ca44a3b
commit dfa2536c3b
2 changed files with 29 additions and 1 deletions

View File

@ -68,7 +68,6 @@ The `.navbar-brand` can be applied to most elements, but an anchor works best as
<nav class="navbar navbar-light bg-faded">
<h1 class="navbar-brand m-b-0">Navbar</h1>
</nav>
{% endexample %}
### Nav
@ -137,6 +136,24 @@ You may also utilize dropdowns in your navbar nav. Dropdown menus require a wrap
</nav>
{% endexample %}
### Text
Navbars may contain bits of text with the help of `.navbar-text`. This class adjusts vertical alignment and horizontal spacing for strings of text.
{% example html %}
<nav class="navbar navbar-light bg-faded">
<span class="navbar-text">Navbar text with an inline element</span>
</nav>
{% endexample %}
Using our utility classes, you can change the alignment of your navbar text.
{% example html %}
<nav class="navbar navbar-light bg-faded">
<span class="navbar-text pull-xs-right">Navbar text that's floated right</span>
</nav>
{% endexample %}
## Color schemes

View File

@ -99,6 +99,17 @@
}
// Navbar text
//
//
.navbar-text {
display: inline-block;
padding-top: .425rem;
padding-bottom: .425rem;
}
// Navbar toggle
//
// Custom button for toggling the `.navbar-collapse`, powered by the collapse