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

<ul>
<li><a href="https://mdbootstrap.com/docs/standard/components/buttons/">Bootstrap buttons</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/methods/ripple/">Bootstrap ripple</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/content-styles/icons/">Bootstrap icons</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/components/collapse/">Bootstrap collapse</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/sidebar/">Bootstrap sidebar</a></li>
<li><a href="https://mdbootstrap.com/docs/standard/extended/side-navbar/">Bootstrap side-navbar</a></li>
</ul>