--- 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 in one or more of the following styles: `manual`, with a `click`, on `focus`, and on `hover`. This one reacts on hover. See more details on the Popover component page of [Bootstrap's documentation](https://getbootstrap.com/docs) ```html example centered ``` ```html ```