Bootstrap Tutorial

CHAPTER
33
Bootstrap Plugins Overview
The components discussed in the previous chapters under Layout Components are just the beginning.
Bootstrap comes bundled with 12 jQuery plugins that extend the features and can add more interaction to your
site. To get started with Bootstrap’s JavaScript plugins, you don’t need to be an advanced JavaScript developer.
By utilizing Bootstrap Data API, most of the plugins can be triggered without writing a single line of code.
Bootstrap Plugins can be included on your site in two forms:
Individually: Using Bootstrap's individual *.js files. Some plugins and CSS components depend on other
plugins. If you include plugins individually, make sure to check for these dependencies in the docs.
Or compiled (all at once): Using bootstrap.js or the minified bootstrap.min.js.
Do not attempt to include both, as both bootstrap.js and bootstrap.min.js contain all plugins in a single file.
All plugins depend on jQuery. So jQuery must be included before the plugin files. Check bower.jsonto
see which versions of jQuery are supported.
Data Attributes
All of the Bootstrap plugins are accessible using the included Data API. Hence, you don’t need to include a
single line of JavaScript to invoke any of the plugin features.
In some situations it may be desirable to turn this functionality of Data API off. If you need to turn off the Data
API, you can unbind the attributes by adding the following line of JavaScript:
$(document).off('.data-api')
To turn off a specific/single plugin, just include the plugin's name as a namespace along with the data-api
namespace like this:
$(document).off('.alert.data-api')
Programmatic API
The developers of Bootstrap believe that you should be able to use all of the plugins purely through the JavaScript
API. All public APIs are single, chainable methods, and return the collection acted upon say for example:
$(".btn.danger").button("toggle").addClass("fat")
TUTORIALS POINT
Simply Easy Learning