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:
parent
5a5ca44a3b
commit
dfa2536c3b
@ -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
|
||||
|
||||
|
@ -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
|
||||
|
Loading…
x
Reference in New Issue
Block a user