Popovers

A little more, on request

Basic

Code

<button type="button" class="btn btn-gray" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-title="Shipping" data-bs-content="Free on orders over $50. Arrives in two to four working days."><svg class="icon" viewBox="0 0 24 24" aria-hidden="true">…</svg>Show info</button>

Placements

Code

<button type="button" class="btn btn-gray" data-bs-toggle="popover" data-bs-placement="top" data-bs-title="Opens to the top" data-bs-content="Popovers keep inside the window.">Top</button>
<button type="button" class="btn btn-gray" data-bs-toggle="popover" data-bs-placement="bottom" data-bs-title="Opens to the bottom" data-bs-content="Popovers keep inside the window.">Bottom</button>