Vertical Navbar

Bootstrap 5 Vertical Navbar component

Responsive Vertical Navbar built with Bootstrap 5. The vertical navigation component provides an easy way to navigate through your website.

Basic example

In the basic version, the vertical navigation will appear over your website's content after clicking on a toggler.

Note: Use show and hide methods to toggle navigation with JavaScript.

Note: Adding the show class to a sidenav collapse element will expand this category on render.

On the right

Place the navigation on the other side by setting the right attribute to true.

Not full height

This vertical navigation not taking up the full height of the website.

Submenu

Submenu built with Bootstrap 5. Vertical navbar dropdowns menu, activated on click or hover.

Related resources

Also, If you want to support our friends from TW Elements you can also check out the Tailwind sidenav documentation.