Navs

Documentation and examples of how to use Bootstrapโ€™s included navigation components.

Navs on Bootstrap
Horizontal
<ul class="nav">
  <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>
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>

Thank you for creating with Falcon |
2020 © Themewagon

v2.8.0