Back to main Free Hosting Bootstrap Builder Free UI Kit
Sidebar navigation menu illustration

Bootstrap vertical sidebar menu

View demo Download

Get 700+ Material components for the latest Bootstrap 5 for free. This component is also available as ready-to-use solution in MDB UI Kit. Learn more about Bootstrap Dropdown here, or download MDB Free version with 700+ components here.

Bootstrap has built-in .nav class to build any type of menu - vertical and horizontal. Just add flex-column next to the nav class like class="nav flex-column". navigation becomes vertical

You can add custom styles to nav-link or nav-item. Check given demo for more details

Here is the basic code for sidebar menu

Back to all examples

Creating an e-commerce project?