Hover over the button to trigger the popover.

Using bootstrap.popover

Enable popovers via javascript:

$('#example').popover(options)

Options

Name	type	default	description
animation	boolean	true	apply a css fade transition to the tooltip
placement	string|function	'right'	how to position the popover - top | bottom | left | right
selector	string	false	if a selector is provided, tooltip objects will be delegated to the specified targets
trigger	string	'hover'	how tooltip is triggered - hover | focus | manual
title	string | function	''	default title value if `title` attribute isn't present
content	string | function	''	default content value if `data-content` attribute isn't present
delay	number | object	0	delay showing and hiding the popover (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 }

Markup

For performance reasons, the Tooltip and Popover data-apis are opt in. If you would like to use them just specify a selector option.

Methods

$().popover(options)

Initializes popovers for an element collection.

.popover('show')

Reveals an elements popover.

$('#element').popover('show')

.popover('hide')

Hides an elements popover.

$('#element').popover('hide')

.popover('toggle')

Toggles an elements popover.

$('#element').popover('toggle')