Nav Tabs
Clarity navigation style can be applied by extending the .nav
class. By default the navigation
takes up 100% width of the parent container. A navigation link is marked active by adding the .active
class on it.
<ul class="nav">
<li class="nav-item">
<a class="nav-link active" href="javascript://">Dashboard</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript://">Management</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript://">Cloud</a>
</li>
<li class="nav-item">
<a class="nav-link" href="javascript://">Tenants</a>
</li>
</ul>