$('.btn.danger').button('toggle').addClass('fat')Īll methods accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior) as shown below −

All public APIs are single, chainable methods, and return the collection acted upon say for example − The developers of Bootstrap believe that you should be able to use all of the plugins purely through the JavaScript 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 − If you need to turn off the Data API, you can unbind the attributes by adding the following line of JavaScript − In some situations it may be desirable to turn this functionality of Data API off. Hence, you don’t need to include a single line of JavaScript to invoke any of the plugin features. Data AttributesĪll of the Bootstrap plugins are accessible using the included Data API. Check bower.json to see which versions of jQuery are supported. So jQuery must be included before the plugin files. Do not attempt to include both, as both bootstrap.js and contain all plugins in a single file.Īll plugins depend on jQuery. Or compiled (all at once) − Using bootstrap.js or the minified.

If you include plugins individually, make sure to check for these dependencies in the docs. Some plugins and CSS components depend on other plugins. Individually − Using Bootstrap's individual *.js files. By utilizing Bootstrap Data API, most of the plugins can be triggered without writing a single line of code.īootstrap Plugins can be included on your site in two forms − To get started with the Bootstrap’s JavaScript plugins, you don’t need to be an advanced JavaScript developer. Bootstrap comes bundled with 12 jQuery plugins that extend the features and can add more interaction to your site.

The components discussed in the previous chapters under Layout Components are just the beginning.

Aadd plugins bootstrap studio