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>