Easy menu jQuery plugin for Twitter Bootstrap 3
Now support cdnjs & jsdelivr
npm install metismenu
bower install metisMenu
Include Twitter Bootstrap StyleSheet
html
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css">
Include metisMenu StyleSheet
html
<link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.metismenu/1.1.2/css/metismenu.min.css">
Include jQuery
html
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Include Twitter Bootstrap Script
html
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/js/bootstrap.min.js"></script>
Include metisMenu plugin's code
html
<script src="//cdn.jsdelivr.net/bootstrap.metismenu/1.1.2/js/metismenu.min.js"></script>
Call the plugin:
javascript
$("#menu").metisMenu();
Type: Boolean
Default: true
For auto collapse support.
$("#menu").metisMenu({
toggle: false
});
Type: Boolean
Default: false
For double tap support.
$("#menu").metisMenu({
doubleTapToGo: true
});
Contains a simple HTML file to demonstrate metisMenu plugin.
DATE VERSION CHANGES 2014-11-01 v1.1.3 Bootstrap 3.3.0 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
metisMenu was made with love by these guys and a bunch of awesome contributors.
| --- | --- | --- | --- | --- | --- | --- Osman Nuri Okumuş |
Add the following code to your website.
For more information on customizing the embed code, read Embedding Snippets.