mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-11 16:14:04 +02:00
Code Issues Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

19
docs/components/navbar.md
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"> <nav class="navbar navbar-light bg-faded">
<h1 class="navbar-brand m-b-0">Navbar</h1> <h1 class="navbar-brand m-b-0">Navbar</h1>
</nav> </nav>
{% endexample %} {% endexample %}
### Nav ### Nav
@@ -137,6 +136,24 @@ You may also utilize dropdowns in your navbar nav. Dropdown menus require a wrap
</nav> </nav>
{% endexample %} {% 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 ## Color schemes

11
scss/_navbar.scss
View File

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