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-blockCSS class to any .popoverelement.

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.