There are two ways to include Bootstrap jQuery Plugins in your website project.
You can use *.js files individually in Bootstrap but some css components and jquery plugins depend on other plugins. In this case you will have also included on which your required plugin is depending. For make sure check the documentation for dependencies.
Compiled (all at once)
Use bootstrap.js or the minified bootstrap.min.js for all features in one file now you do not have to need include multiple files, use only one file and this will work for all plugins and components. Both files bootstrap.js and bootstrap.min.js contain all plugins in a single file so do not include both files, include only one.
Note: All plugins depend on jQuery. Check bower.json to see which versions of jQuery are supported.
In some situations it may be desirable to turn this functionality of Data API off. Bootstrap also provides the ability to turn off the Data API; you can unbind the attributes by using this line of code:
If you want to disable a specific/single plugin, just include the plugin’s name as a namespace along with the data-api namespace like this:
All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior) as shown example below:
Each plugin also exposes its raw constructor on a Constructor property: $.fn.popover.Constructor. If you’d like to get a particular plugin instance, retrieve it directly from an element:
Occasionally it is essential to use Bootstrap plugins can sometimes be used with other UI frameworks. In these circumstances, namespace collisions can occasionally occur. To overcome this call .noConflict on the plugin you wish to revert the value of.
Bootstrap provides custom events for most plugin’s unique actions. Generally, these events come in two forms, an infinitive and past participle:
This event is triggered at the start of ex: show event.
Past participle form:
This event is triggered on the finishing point of ex: shown action.