Popovers
Basic example
Basic Popover example with least configuration.
Four directions
Four options are available: top, right, bottom, and left. Directions are mirrored when
using Bootstrap in RTL. Set
data-bs-placement
to change the direction.
Dismiss on next click
Use the focus
trigger to dismiss popovers on the user’s next click of an
element other than the toggle element.
Disabled elements
Elements with the disabled
attribute aren’t interactive, meaning users
cannot hover or click them to trigger a popover (or tooltip). As a workaround, you’ll
want to trigger the popover from a wrapper <div>
or
<span>
, ideally made keyboard-focusable using
tabindex="0"
.