Navs
Documentation and examples of how to use Bootstrap’s included navigation components.
Navs on Bootstrap
Horizontal
Vertical
<ul class="nav flex-column">
<li class="nav-item"><a class="nav-link active" href="#">Active</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link disabled" href="#">Disabled</a></li>
</ul>Pills
<ul class="nav nav-pills">
<li class="nav-item"><a class="nav-link active" href="#">Active</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
<li class="nav-item"><a class="nav-link disabled" href="#">Disabled</a></li>
</ul>Fill and Justify
<ul class="nav nav-pills nav-fill">
<li class="nav-item"><a class="nav-link active" href="#">Active</a></li>
<li class="nav-item"><a class="nav-link" href="#">Longer nav link</a></li>
<li class="nav-item"><a class="nav-link" href="#">Link</a></li>
</ul>Start building beautiful apps
Navigate
Contact
369 ape view Avenue
Brooklyn, NY
369 ape view Avenue
Mon - Fri 9am - 5pm
+91 3929 3355
Brooklyn, NY
Subscribe
Latest Shape news, articles, and resources sent straight to your inbox every month.
Made With by ThemeWagon