Popovers View all kinds of Popovers examples below.

Popovers

Popovers are extended tooltips that can be attached to any element and can contain more informations than a regular tooltip.

Inline

To create inline popovers you need to add the .display-block CSS class to any .popover element.

Position

You can change the default popover position either by adding the data-placement="" attribute or by setting the placement parameter via Javascript.

Triggers

You can select the action that triggers the popover either by adding the data-trigger="" attribute or by setting the trigger parameter via Javascript. Available triggers: click, hover, focus, manual.

Data source

Content can be added using the data-content="" attribute in which case you have to write all the content in the attribute or by using the data-id="" attribute which should point to a hidden element with the popover content. You can also specify the content via Javascript.