Popover

Popover is similar to tooltips; it is a pop-up box that appears when the user clicks or hover on an element.

Popover On Click

To make the Popover open on click, use data-trigger="click". To specify the direction of Popover use attribute data-placement with left, right, top, and bottom values.

Popover on Click with Title. Use attribute title to add title to the Popover.

Popover On Hover

To make your Popover open on hover, use data-trigger="hover".

Popover on hover with Inline HTML. Use attribute data-html="true" to add inline HTML to the Popover.

Popover on hover with External HTML. Use attribute title to add external HTML to the Popover.

Popover on hover with contextual color option. Use attribute data-color to add external HTML to the popover. For example: data-color="success" adds green color to the Popover.