@@ -47,6 +47,38 @@ Classes are used throughout, so your markup can be super flexible. Use `<ul>`s l
</nav>
{% endexample %}
## Inline
Easily space out nav links in a horizontal band with `.nav-inline`. Longer series of links will wrap to a new line.
{% example html %}
<navclass="nav nav-inline">
<aclass="nav-link active"href="#">Active</a>
<aclass="nav-link"href="#">Link</a>
<aclass="nav-link"href="#">Another link</a>
<aclass="nav-link disabled"href="#">Disabled</a>
</nav>
{% endexample %}
The same works for a navigation build with lists.
{% example html %}
<ulclass="nav nav-inline">
<liclass="nav-item">
<aclass="nav-link"href="#">Link</a>
</li>
<liclass="nav-item">
<aclass="nav-link"href="#">Link</a>
</li>
<liclass="nav-item">
<aclass="nav-link"href="#">Another link</a>
</li>
<liclass="nav-item">
<aclass="nav-link disabled"href="#">Disabled</a>
</li>
</ul>
{% endexample %}
## Tabs
Takes the basic nav from above and adds the `.nav-tabs` class to generate a tabbed interface. Use them to create tabbable regions with our [tab JavaScript plugin](#javascript-behavior).