Dropdowns

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

Login