To enable creating a menu from a Bootstrap navbar collapse, include the "bootstrap3" or "bootstrap4" wrapper .js file and add "bootstrap3" or "bootstrap4" to the wrappers option.

   <script src="path/to/jquery.js"></script>
   <script src="path/to/jquery.mmenu.js"></script>
   <script src="path/to/jquery.mmenu.bootstrap4.js"></script>
      $(document).ready(function() {
            wrappers: ["bootstrap4"]

What it does

Using the "bootstrap" wrapper will refactor the HTML for a Bootstrap navbar collapse to work with mmenu. It can refactor lists (.navbar-nav), text, dropdowns (.dropdown-menu and forms (.form-inline).

It also sets the classNames.selected configuration option to the default classname used by Bootstrap.


Give it a go, hit the orientation-icon to toggle the Bootstrap navbar.

Next wrapper:
jQuery Mobile

Deprecated There is a new, improved version available. Check it out on

Get the new version No thanks