What is Bootstrap?

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

var InteractiveSteps = (function(){
var steps = $(‘.js-steps-interactive’);
steps.each(function() {
var step = $(this);
var config = config = {
headerTag: “h4”,
transitionEffect: “fade”,
labels: {
current: ”
}
}
var userConfig = step.data(‘config’);
$.extend(true, config, userConfig);
steps.steps(config);
});
})();
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.

Mr. Peabody
Browser Support

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

  • Safari

  • Opera

  • Firefox

  • IE 9+

Must read