Navbar

Powerful and responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for the collapse plugin. Please read the official Bootstrap documentation for a full list of options.

Navbar
  • Home (current)
  • Link
  • Dropdown
    Action Another action
    Something else here
  • Disabled
Navbar
  • Home (current)
  • Link
  • Dropdown
    Action Another action
    Something else here
  • Disabled
Navbar
  • Home (current)
  • Link
  • Dropdown
    Action Another action
    Something else here
  • Disabled

Vertical Dashkit only

Creates a vertical variation of the navbar component. Either the .fixed-start or .fixed-end modifier should be added to position the navbar along the left or right side of the viewport. The markup for everything else remains the same as the default navbar!

...
  • Getting started
  • Components 23
  • Changelog
<nav class="navbar navbar-vertical fixed-start navbar-expand-md navbar-light">
  ...
</nav>

Vertical smallDashkit only

Creates a small variation of the vertical sidebar.

...
  • Getting started
  • Components
  • Changelog
<nav class="navbar navbar-vertical navbar-vertical-sm fixed-start navbar-expand-md navbar-light">
  ...
</nav>