Bootstrap Sidebar Examples

Stay Updated

Subscribe to Bootsnipp newsletter. (only important updates will be sent, your email is never shared or sold to anyone else)


Considering A New Car?

You should consider a Tesla. Get 6 Months Free Supercharging.

Tesla Referral Code

Recent Comments

Does anyone have a 4.1.1 version of this snippet?
Fancy Sidebar Navigation

Dropdown menu can not be opening?
Responsive Navigation Menu

Good morning, can I use it on my project? Congratulations on your work.
Responsive Navigation Menu

firstly its simple and nice but, there's a bug in this, after clicking the dropdown, and if we hover out from the menu, the menu collapse to left but the spacing between the first two icons and last two icons remains different
Side menu on hover

Dropdown menu is not opening.. Is there something else except css and html?
Responsive Navigation Menu

how can i download ?
Sidebar navigation with Scrollspy

Why when i click the drop down, when i click outside, all other dropdown just turn back?
Side menu on hover

I've made changes to the code so that it worked for my Joomla website - and I've also added media width to the CSS so the menu will be displayed all the time when it's shown on a screen at bootstrap 3 md breakpoint and beyond (you can later the @media width sections if you want the breakpoint to start at other points)https://bootsnipp.com/user/snippets/aM9yo
Fancy Sidebar Navigation

If you change the javascript a bit so it just toggles an open/closed class on the wrapper instead. And then apply all the other changes via CSS then you can use @media queries to only show the hamburger when the screen is of a certain width and only hide the sidebar when the menu is at a certain width.It also reduces the amount of javascript needed to just one onclick - toggleClass command.
Fancy Sidebar Navigation

Hey maridlcrmnDo you have a fix for the navbar, if I fx. want the nav shown on laptop/desktop?You know like Booststraps standard navbar? Sincerely Mads Dalsgaard.
Fancy Sidebar Navigation