Popover

Accordion
Alerts
Badges
Basicstructure
Cards
Carousel
Dropdown
Grids
Listgroups
Modal
Popover
Tables
Tabs
Toast

<h3>Popover Example</h3>
  
  <button type="button" class="btn btn-primary" data-bs-toggle="popover" title="Popover Header" data-bs-content="Some content inside the popover">
    Toggle popover
  </button>
  <button type="button" class="btn btn-primary" data-bs-toggle="popover" title="Popover Header 2 " data-bs-content="Some content inside the popover 2">
    Toggle popover 2
  </button>


<script>
    // Find all elements with popover attribute
    const popoverElements = document.querySelectorAll('[data-bs-toggle="popover"]');
    
    // Initialize popover for each element
    popoverElements.forEach(element => {
      new bootstrap.Popover(element);
    });
</script>

Popover exemple

The Popover component is a pop-up box that appears when the user clicks on an element. It can contain more content than a tool tip. To create a popover, add the data-bs-toggle="popover" attribute to a button element.