https://github.com/mdbootstrap/bootstrap-mega-menu

Responsive Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.
https://github.com/mdbootstrap/bootstrap-mega-menu

bootstrap bootstrap-megamenu bootstrap-template bootstrap5 dropdown mega-menu menu navbar navigation responsive responsive-design

Last synced: 3 months ago
JSON representation

Responsive Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.

Host: GitHub
URL: https://github.com/mdbootstrap/bootstrap-mega-menu
Owner: mdbootstrap
License: other
Created: 2021-08-13T06:26:43.000Z (almost 4 years ago)
Default Branch: main
Last Pushed: 2022-01-27T10:40:46.000Z (over 3 years ago)
Last Synced: 2024-10-30T06:04:54.638Z (7 months ago)
Topics: bootstrap, bootstrap-megamenu, bootstrap-template, bootstrap5, dropdown, mega-menu, menu, navbar, navigation, responsive, responsive-design
Language: JavaScript
Homepage: https://mdbootstrap.com/docs/standard/extended/mega-menu/
Size: 957 KB
Stars: 7
Watchers: 5
Forks: 8
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: License.pdf

Awesome Lists containing this project

README

Responsive Mega Menu built with Bootstrap 5. Examples of dropdown on click and on hover. Templates with grid, images, links, lists and more.

Check out [Bootstrap Mega Menu Documentation](https://mdbootstrap.com/docs/standard/extended/mega-menu/) for detailed instructions & even more examples.

## Basic example

![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)

```html

```

## How to use?

1. Download MDB 5 - free UI KIT

2. Choose your favourite customized component and click on the image

3. Copy & paste the code into your MDB project

[▶️ Subscribe to YouTube channel for web development tutorials & resources](https://www.youtube.com/MDBootstrap?sub_confirmation=1)

## More examples

[Bootstrap Mega Menu Bolded headings:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-bolded-headings)

[Bootstrap Mega Menu Punctation:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-punctation)

[Bootstrap Mega Menu Mixed content:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-mixed%20content)

[Bootstrap Mega Menu Media list:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-media-list)

[Bootstrap Mega Menu Big news:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-big-news)

[Bootstrap Mega Menu Mixed media:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-mixed-media)

[Bootstrap Mega Menu Dropdown on hover:
![Bootstrap 5 Mega Menu](https://mdbootstrap.com/img/Marketing/github/mega-menu/basic.png)](https://mdbootstrap.com/docs/standard/extended/mega-menu/#section-dropdown-on-hover)

___

## More extended Bootstrap documentation