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>