dydycloud / metisMenu

Easy menu jQuery plugin for Twitter Bootstrap 3

metisMenu

Easy menu jQuery plugin for Twitter Bootstrap 3

Now support cdnjs & jsdelivr

Installation

• npm

npm install metismenu

• Bower

bower install metisMenu

• Download

Usage

1. Include Twitter Bootstrap StyleSheet

   <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/css/bootstrap.min.css">

2. Include metisMenu StyleSheet

   <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.metismenu/1.1.0/css/metismenu.min.css">

3. Include jQuery

   <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

4. Include Twitter Bootstrap Script

   <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>

5. Include metisMenu plugin's code

   <script src="//cdn.jsdelivr.net/bootstrap.metismenu/1.1.0/js/metismenu.min.js"></script>

6. Call the plugin:

   $("#menu").metisMenu();

Options

toggle

Type: Boolean Default: true

For auto collapse support.

  $("#menu").metisMenu({
    toggle: false
  });

doubleTapToGo

Type: Boolean Default: false

For double tap support.

  $("#menu").metisMenu({
    doubleTapToGo: true
  });

DEMO

Contains a simple HTML file to demonstrate metisMenu plugin.

Release History

DATE VERSION CHANGES

• 2014-07-07 v1.1.0 Add double tap functionality
• 2014-06-24 v1.0.3 cdnjs support & rename plugin
• 2014-06-18 v1.0.3 Create grunt task
• 2014-06-10 v1.0.2 Fixed for IE8 & IE9

Author

metisMenu was made with love by these guys and a bunch of awesome contributors.

| --- | --- | --- | --- | --- | --- | --- Osman Nuri Okumuş |

License

MIT License