logo
English
The most advanced, complex, handy documentation template on the web.
Download GitHub
What is Bootstrap?
Responsive devices

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing collection of examples or by exploring some of our favorites. We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.

Usage

All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

copy 
<script src="jquery.js"></script>
<script src="dist/jquery.plugin.min.js"></script>
<script>
	jQuery(function($) {
		// more options are listed below.
		$('#elem').plugin(); 
	});
</script>
More Options

Here's the full list of all options which could be used. You could easily customize your item, just write the required option in custom.js

Property Default Description
duplicate true If true, a copy of the menu element is made for the mobile menu. This allows for separate functionality for both mobile and non-mobile versions.
duration 200 The duration of the sliding animation.
easingOpen swing Easing used for open animations. 'Swing' and 'Linear' are available with jQuery. More easing functions are available with the use of plug-ins, such as jQuery UI.
easingClose swing Easing used for close animations. 'Swing' and 'Linear' are available with jQuery. More easing functions are available with the use of plug-ins, such as jQuery UI.
prependTo body Element, jQuery object, or jQuery selector string for the element to prepend the mobile menu to.
parentTag a Element type for parent menu items. Anchor tag is recommended for accessibility.
closeOnClick false Close menu when a link is clicked. Useful when navigating within a single page.
allowParentClick false Allow clickable links as parent elements.
Demo Gif

Bootstrap automatically adapts your pages for various screen sizes. Here's how to disable this feature so your page works like this non-responsive example.

gif animation
Browser Support

Specifically, we support the latest versions of the following browsers and platforms. On Windows, we support Internet Explorer 9+. More specific support information is provided below.

  • Chrome

  • Safari

  • Opera

  • FireFox

  • IE 9+

Must read

How to use a plugin

article
A jQuery plugin is simply a new method that we use to extend jQuery's prototype object. By extending the prototype object you enable all objects to inherit any methods that you add.

Plugin for dummies

book
You know you need to learn jQuery. Everyone else has, and you’re falling behind! No worries; it’s a brand new year, and what better way to celebrate it than by learning a new skill?

How to create a plugin

article
Sometimes you want to make a piece of functionality available throughout your code. For example, perhaps you want a single method you can call on a jQuery.
Download links

You are allowed to make any changes and modifications in the themes or products to adapt them to your needs. It is not permitted to change or remove the copyright information in the source code. For commercial use, please buy an extended license.

Download Now Commercial License