--- title: Popovers summary: Popovers are used to provide additional information on elements where a simple tooltip is not sufficient. bootstrapLink: components/popovers description: Provide extra information with popovers. --- ## Default markup To create a default popover use: ```html example centered ``` ## Four directions Four options are available: `top`, `right`, `bottom`, and `left` aligned. Directions are mirrored when using Bootstrap in RTL. ```html example centered separated ``` ```html ``` ## Popover on hover Popover can be triggered `manual`, with a `click` and on `focus` and on `hover`. This one reacts on hover. ```html example centered ``` ```html ```