Popovers

Popovers are just like tooltips and have some of the same options, but they remain on the screen after being clicked on.

Popover Data

• button or a

  • title="Popover Headline"
  • data-bs-content="Popover Copy"
  • data-bs-toggle="popover"
  • data-bs-placement="{SID}"
  • SID: top right bottom left

Try it

Docs

The key data attributes are data-bs-toggle="popover and data-bs-placement with a side attribute.

Unlike a tooltip, the content is not in a title tab, but in a data-bs-content property. If you do use a title, you get more of a headlines style for the popover.

Popovers also have to be manually activated with some JavaScript that initializes them.