Navs

Please read the official Bootstrap documentation for a full list of options.

  • Active
  • Link
  • Link
  • Disabled
  • Active
  • Link
  • Link
  • Disabled

Small Nav Tabs Dashkit only

Creates a small variation of the nav component – this is especially useful for putting in .card-headers to act as tabs.

  • Active
  • Link
  • Link
<ul class="nav nav-tabs nav-tabs-sm">
  <li class="nav-item">
    <a href="#" class="nav-link active">
      Active
    </a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">
      Link
    </a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">
      Link
    </a>
  </li>
</ul>

Horz. Overscroll Dashkit only

Creates a horizontally scrollable variation of the nav component. Items do not get stacked if they don't fit the viewport. Instead, they stay on the same line and become scrollable in the x axes.

  • Active
  • Link
  • Link
<ul class="nav nav-tabs nav-tabs-sm nav-overflow">
  <li class="nav-item">
    <a href="#" class="nav-link active">
      Active
    </a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">
      Link
    </a>
  </li>
  <li class="nav-item">
    <a href="#" class="nav-link">
      Link
    </a>
  </li>
</ul>