<p>Roll your own navigation style by extending the base <code>.nav</code> component. All Bootstrap's nav components are built on top of this. Includes styles for the disabled state, but <strong>not the active state</strong>.</p>
<p>Roll your own navigation style by extending the base <code>.nav</code> component. All Bootstrap's nav components are built on top of this. Includes styles for the disabled state, but <strong>not the active state</strong>.</p>
<divclass="bs-example">
<ulclass="nav"role="tablist">
{% example html %}
<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 disabled">
<aclass="nav-link"href="#">Disabled</a>
</li>
</ul>
</div>
{% highlight html %}
<ulclass="nav"role="tablist">
<ulclass="nav"role="tablist">
<liclass="nav-item">
<liclass="nav-item">
<aclass="nav-link"href="#">Link</a>
<aclass="nav-link"href="#">Link</a>
...
@@ -36,7 +21,7 @@
...
@@ -36,7 +21,7 @@
<aclass="nav-link"href="#">Disabled</a>
<aclass="nav-link"href="#">Disabled</a>
</li>
</li>
</ul>
</ul>
{% endhighlight %}
{% endexample %}
<p>Classes are used so your markup can be super flexible.</p>
<p>Classes are used so your markup can be super flexible.</p>