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

Responsive Side menu with Bootstrap 5.Side Menu is a navigation component providing a clear way for navigating complex websites with lots of pages
https://github.com/mdbootstrap/bootstrap-side-menu

bootstrap bootstrap-menu bootstrap-sidebar bootstrap-sidebar-template bootstrap-sidenav bootstrap-template bootstrap-theme bootstrap5 css html

Last synced: 28 days ago
JSON representation

Responsive Side menu with Bootstrap 5.Side Menu is a navigation component providing a clear way for navigating complex websites with lots of pages

• Host: GitHub
• URL: https://github.com/mdbootstrap/bootstrap-side-menu
• Owner: mdbootstrap
• License: other
• Created: 2022-07-25T12:43:14.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-07-25T13:14:11.000Z (over 2 years ago)
• Last Synced: 2024-09-27T16:20:58.030Z (about 1 month ago)
• Topics: bootstrap, bootstrap-menu, bootstrap-sidebar, bootstrap-sidebar-template, bootstrap-sidenav, bootstrap-template, bootstrap-theme, bootstrap5, css, html
• Language: SCSS
• Homepage: https://mdbootstrap.com/docs/standard/extended/side-menu/
• Size: 1010 KB
• Stars: 3
• Watchers: 5
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: License.pdf

Awesome Lists containing this project

README

        
Responsive Side menu with Bootstrap 5.Side Menu is a navigation component providing a clear way for navigating complex websites with lots of pages.

Check out [Bootstrap Height Documentation](https://mdbootstrap.com/docs/standard/extended/height/) for detailed instructions & even more examples.

## Basic example

[Bootstrap side navigation menu:

![Bootstrap 5 side navigation menu](/assets/basic.png)](https://mdbootstrap.com/docs/standard/extended/side-menu/#section-basic-example)

## 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 Side Menu positioning:

![Bootstrap 5 Side Menu](/assets/positioning.png)](https://mdbootstrap.com/docs/standard/extended/side-menu/#section-positioning)

[Bootstrap Side Menu dark:

![Bootstrap 5 Side Menu](/assets/dark.png)](https://mdbootstrap.com/docs/standard/extended/side-menu/#section-side-menu-dark)

[Bootstrap Side Menu item scroll:

![Bootstrap 5 Side Menu](/assets/scroll.png)](https://mdbootstrap.com/docs/standard/extended/side-menu/#section-menu-item-scroll)

___

## More extended Bootstrap documentation



Bootstrap buttons

Bootstrap ripple

Bootstrap icons

Bootstrap collapse

Bootstrap sidebar

Bootstrap side-navbar