Bootstrap Tutorial

Default: "
present.
trigger
string
Default: 'hover
focus'
data-trigger
Defines how the popover is triggered: click| hover | focus |
manual. You may pass multiple triggers; separate them with a
space.
delay
number | object
Default: 0
data-delay
Delays showing and hiding the popover in ms — does not apply to
manual trigger type. If a number is supplied, delay is applied to
both hide/show. Object structure is:
delay:
{ show: 500, hide: 100 }
container
Methods
string | false
Default: false
datacontainer
The following are some useful methods for popover:
Appends the popover to a specific element.
Example: container: 'body'
Method Description Example
Options:.popover(options)
Attaches a popover handler to an
element collection.
$().popover(options)
Toggle:.popover('toggle') Toggles an element's popover. $('#element').popover('toggle')
Show:.popover('show') Reveals an element's popover. $('#element').popover('show')
Hide:.popover('hide') Hides an element's popover. $('#element').popover('hide')
Destroy:.popover('destroy')
EXAMPLE
Hides and destroys an element's
popover.
The following example demonstrates popover plugin methods:
$('#element').popover('destroy')
Popover on left
Popover on top