Bootstrap Tutorial

All 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:
// initialized with defaults
$("#myModal").modal()
// initialized with no keyboard
$("#myModal").modal({ keyboard: false })
// initializes and invokes show immediately
$("#myModal").modal('show')
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:
$('[rel=popover]').data('popover').
No Conflict
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.
// return $.fn.button to previously assigned value
var bootstrapButton = $.fn.button.noConflict()
// give $().bootstrapBtn the Bootstrap functionality
$.fn.bootstrapBtn = bootstrapButton
Events
Bootstrap provides custom events for most plugin's unique actions. Generally, these events come in two forms:
Infinitive form: This is triggered at the start of an event. ex: show. Infinitive events
providepreventDefault functionality. This provides the ability to stop the execution of an action before it starts.
$('#myModal').on('show.bs.modal', function (e) {
// stops modal from being shown
if (!data) return e.preventDefault()
})
Past participle form: This is triggered on the completion of an action. ex: shown
TUTORIALS POINT
Simply Easy Learning