Bootstrap Popover Plugin

The Popover Plugin
Popovers are similar to tooltips but allow additional content like images and links.

<button type="button" class="btn btn-warning" data-bs-toggle="popover" title="Popover Title" data-bs-content="Popover body content">Click me</button>

Popovers can be positioned using data-bs-placement with values like top, bottom, left, and right.

Popovers can be dismissed by clicking outside or using JavaScript:

$(document).ready(function(){
  $('[data-bs-toggle="popover"]').popover();
});

Important Note: Only one popover can be open at a time. Opening a new one will close the previous.