mirror of
				https://github.com/dawidolko/Website-Templates.git
				synced 2025-10-31 08:23:12 +01:00 
			
		
		
		
	
		
			
				
	
	
		
			114 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
			
		
		
	
	
			114 lines
		
	
	
		
			2.4 KiB
		
	
	
	
		
			Markdown
		
	
	
	
	
	
| # metisMenu [](https://travis-ci.org/onokumus/metisMenu)
 | |
| 
 | |
| > Easy menu jQuery plugin for Twitter Bootstrap 3
 | |
| 
 | |
| > Now support cdnjs & jsdelivr
 | |
| 
 | |
| 
 | |
| ## Installation
 | |
| 
 | |
| * [npm](http://npmjs.org/)
 | |
| 
 | |
| ```bash
 | |
| npm install metismenu
 | |
| ```
 | |
| 
 | |
| * [Bower](http://bower.io)
 | |
| 
 | |
| ```bash
 | |
| bower install metisMenu
 | |
| ```
 | |
| 
 | |
| * [Download](https://github.com/onokumus/metisMenu/archive/master.zip)
 | |
| 
 | |
| ## Usage
 | |
| 
 | |
| 1. Include Twitter Bootstrap StyleSheet
 | |
| 
 | |
|     ```html
 | |
|     <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/css/bootstrap.min.css">
 | |
|     ```
 | |
| 
 | |
| 2. Include metisMenu StyleSheet
 | |
| 
 | |
|     ```html
 | |
|     <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.metismenu/1.1.2/css/metismenu.min.css">
 | |
|     ```
 | |
| 
 | |
| 3. Include jQuery
 | |
| 
 | |
|     ```html
 | |
|     <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
 | |
|     ```
 | |
| 
 | |
| 4. Include Twitter Bootstrap Script
 | |
| 
 | |
|     ```html
 | |
|     <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.0/js/bootstrap.min.js"></script>
 | |
|     ```
 | |
| 
 | |
| 5. Include metisMenu plugin's code
 | |
| 
 | |
|     ```html
 | |
|     <script src="//cdn.jsdelivr.net/bootstrap.metismenu/1.1.2/js/metismenu.min.js"></script>
 | |
|     ```
 | |
| 
 | |
| 6. Call the plugin:
 | |
| 
 | |
|     ```javascript
 | |
|     $("#menu").metisMenu();
 | |
|     ```
 | |
| 
 | |
| ### Options
 | |
| 
 | |
| #### toggle
 | |
| Type: `Boolean`
 | |
| Default: `true`
 | |
| 
 | |
| For auto collapse support.
 | |
| 
 | |
| ```javascript
 | |
|   $("#menu").metisMenu({
 | |
|     toggle: false
 | |
|   });
 | |
| ```
 | |
| 
 | |
| #### doubleTapToGo
 | |
| Type: `Boolean`
 | |
| Default: `false`
 | |
| 
 | |
| For double tap support.
 | |
| 
 | |
| ```javascript
 | |
|   $("#menu").metisMenu({
 | |
|     doubleTapToGo: true
 | |
|   });
 | |
| ```
 | |
| 
 | |
| 
 | |
| ### [DEMO](http://demo.onokumus.com/metisMenu/)
 | |
| 
 | |
| Contains a simple HTML file to demonstrate metisMenu plugin.
 | |
| 
 | |
| ### Release History
 | |
| **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
 | |
| 
 | |
| 
 | |
| ## Author
 | |
| 
 | |
| metisMenu was made with love by these guys and a bunch of awesome [contributors](https://github.com/onokumus/metisMenu/graphs/contributors).
 | |
| 
 | |
| [](http://onokumus.com) |
 | |
| --- | --- | --- | --- | --- | --- | ---
 | |
| [Osman Nuri Okumuş](http://onokumus.com) |
 | |
| 
 | |
| 
 | |
| ## License
 | |
| 
 | |
| [MIT License](https://github.com/onokumus/metisMenu/blob/master/LICENSE)
 |