Bootstrap Tutorial

Option
Name
Type/Default
Value
Data
attribute
name
Description
backdrop
boolean or the
string 'static'
Default: true
databackdrop
specify static for a backdrop, if you don’t want the modal to be closed
when the user clicks outside of the modal.
keyboard
boolean
Default: true
datakeyboard
Closes the modal when escape key is pressed; set to false to disable.
show
boolean
Default: true
data-show
Shows the modal when initialized.
remote
path
Default: false
data-remote
Using the jQuery .load method, inject content into the modal body. If
an href with a valid URL is added, it will load that content. An example
of this is shown below:
Click
me
METHODS
The following are some useful methods which can be used with modal().
Method Description Example
Options:.modal(options)
Activates your content as a modal. Accepts
an optional options object.
$('#identifier').modal({
keyboard: false
})
Toggle:.modal('toggle') Manually toggles a modal $('#identifier').modal('toggle')
Show:.modal('show') Manually opens a modal $('#identifier').modal('show')
Hide:.modal('hide') Manually hides a modal $('#identifier').modal('hide')
EXAMPLE
The following example demonstrates the usage of methods:
Example of using methods of Modal Plugin
Launch demo modal
×
TUTORIALS POINT
Simply Easy Learning