Tooltip & Popover

Interactive demo - Tooltip

                                        
  <div class="button-group">
      <button type="button" class="me-2 btn bg-info-subtle text-info " data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
      Tooltip on top
      </button>
      <button type="button" class="me-2 btn bg-primary-subtle text-primary " data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">
      Tooltip on right
      </button>
      <button type="button" class="me-2 btn bg-success-subtle text-success " data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">
      Tooltip on bottom
      </button>
      <button type="button" class="me-2 btn bg-danger-subtle text-danger " data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">
      Tooltip on left
      </button>
  </div>
                                                           
                                                        

Interactive demo - Popover

                                        
  <div class="button-group">
      <button type="button" class="me-2 btn bg-info-subtle text-info " data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
      Popover on top
      </button>
      <button type="button" class="me-2 btn bg-primary-subtle text-primary " data-bs-container="body" data-bs-toggle="popover" data-bs-placement="right" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
      Popover on right
      </button>
      <button type="button" class="me-2 btn bg-success-subtle text-success " data-bs-container="body" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
      Popover on bottom
      </button>
      <button type="button" class="me-2 btn bg-danger-subtle text-danger " data-bs-container="body" data-bs-toggle="popover" data-bs-placement="left" data-bs-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
      Popover on left
      </button>
  </div>