rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases Activity

improve docs examples for .navbar-text

Browse Source
This commit is contained in:
Mark Otto 2016-05-15 12:37:47 -07:00
parent dfa2536c3b
commit d4457b3303
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/components/navbar.md
View File

@ -142,18 +142,32 @@ Navbars may contain bits of text with the help of `.navbar-text`. This class adj
{% example html %}
<nav class="navbar navbar-light bg-faded">
<span class="navbar-text">Navbar text with an inline element</span>
<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.
Using our utility classes, you can change the alignment and appearance 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>
<span class="navbar-text pull-xs-right text-muted">
Muted navbar text that's floated right
</span>
</nav>
{% endexample %}
Similarly, you can use utility classes to align navbar text to other navbar elements like the brand and navigation (which are automatically floated already).
{% example html %}
<nav class="navbar navbar-light bg-faded">
<a class="navbar-brand" href="#">Navbar</a>
<span class="navbar-text pull-xs-left">
Navbar text that's floated left
</span>
</nav>
{% endexample %}
## Color schemes