Tooltips & Popovers

Tooltips

Ex.

<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Top Tooltip">Top</a>
<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="left" title="Left Tooltip">Left</a>
<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Bottom Tooltip">Bottom</a>
<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="right" title="Right Tooltip">Right</a>
Top Left Bottom Right

Popovers

Ex.

<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="top" title="Top Tooltip">Top</a>
<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="left" title="Left Tooltip">Left</a>
<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Bottom Tooltip">Bottom</a>
<a href="javascript:void" class="btn btn-primary me-2 mt-2" data-bs-toggle="tooltip" data-bs-placement="right" title="Right Tooltip">Right</a>
Top Left Bottom Right

© Solucionáticos. Desarrollado con por David Amador.