megamenu-lg Created with Sketch.

Bootstrap Menu
Navbar with mega menu template

Free navbar mega menu template for your projects, built with the latest Bootstrap, HTML, CSS & JavaScript. MIT Licensed - free for personal & commercial use.

edit & download Live preview
  • License
    MIT License
  • Free for commercial use?
    Yes
  • Bootstrap version
    5.2.3+
  • NPM downloads
    npm
  • GitHub stars
    GitHub Repo stars

Support by sharing & help to keep it free:

Dev sharing button Twitter sharing button Facebook sharing button LinkedIn sharing button Pinterest sharing button Reddit sharing button Stumbleupon sharing button

Bootstrap 5 navbar mega menu dropdown code

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.

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

Get more free tools & themes

Join the newsletter to receive more free templates - including Instagram, Facebook or Amazon clone templates, as well as multiple free tools & resources.

    By subscribing you agree to receive the newsletter & commercial information from the data administrator StartupFlow s.c. Kijowska 7, Warsaw. Privacy Policy