Bootstrap Menu Examples

Stay Updated

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


Dan's Deals All Deals


Recent Comments

There is a way for the user to click on the menu, I do not want the menu to be activated automatically you click over
Mega menu deslice hacia abajo sobre el hover con el carrusel usando HTML CSS Bootstrap jQuery

Great work.. thanks for this info.
Responsive slideshow with quick menu

Great work.. thanks for this info.
Responsive slideshow with quick menu

Well constructed..love it.. thanks
Bootstrap Mega 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

The actual JS Doens't work for me..Some conflicts.So add a new class (nav-carousel)<!-- End Carousel Inner --> <ul class="nav nav-pills nav-justified nav-carousel">The The JS Code$(document).ready( function() { $('#myCarousel').carousel({ interval: 4000 }); var clickEvent = false; $('#myCarousel').on('click', '.nav a', function() { clickEvent = true; $('.nav-carousel li').removeClass('active'); $(this).parent().addClass('active'); }).on('slid.bs.carousel', function(e) { if(!clickEvent) { var count = $('#myCarousel').find('.nav-carousel li').length-1; var current = $('.nav-carousel li.active'); current.removeClass('active').next().addClass('active'); var id = parseInt(current.data('slide-to')); if(count == id) { $('.nav-carousel li').first().addClass('active'); } } clickEvent = false; });});And Make sure this are included in the header.<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
Mega Menu

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

navigation is not working in mobile view. Any solutions
Mega menu slide down on hover with carousel

How do i add this mega menu on my shopify store?can anyone help me ?
Mega menu slide down on hover with carousel

I love this, Its owesome, though i cant see where to download
Bootstrap Custom MegaMenu Navbar with Sidenav taggle social accordion full page responsive fade carousel and customblcok quotes