Add small overlays of content, like those on the iPad, to any element for housing secondary information.

This page shows some example usage of the <BsPopover> component. For the full documentation please refer to the API Docs. You might also want to consult the official Bootstrap Docs for general information.

Popover trigger

By default the popover will attach itself to the parent DOM element, but there are ways to customize this:

Dismiss on next click

Use the focus trigger to dismiss popovers on the user’s next click of a different element than the toggle element.

For proper cross-browser and cross-platform behavior, you must use the <a> tag, not the <button> tag, and you also must include a tabindex attribute.