Back to main
Navbar dropdown onhover vector illustration

Bootstrap 5 navbar mega menu dropdown code

View demo Download


In this code example we will show how to create Bootstrap 5 mega menu dropdown 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.
Basic code snippets

Back to all examples

Creating an e-commerce project?