« Back to main
Bootstrap mega menu image illustration

Bootstrap navbar mega menu dropdown code

View demo Download


In this code example we will show how to create Bootstrap mega menu dropdowns with full view inside container. Let's start,

Steps to create megamenu
  • Use the default Bootstrap's dropdown menu for your mega menu.
  • Set the .dropdown position to static by overiding its CSS
  • Add .has-megamenu on li element ( together with dropdown class name )
  • Then add new class name .megamenu together with dropdown-menu classname.
  • Fill content of megamenu with Bootstrap grid's columns.
Here are basic code snippets

« Back to all examples

Creating e-commerce project?