Bootstrap tooltips are small pop-up boxes that appear when users hover over, focus on, or tap an element. To create a tooltip, add the data-toggle="tooltip" attribute to an HTML element and use the title attribute to specify the text that should appear.
<span data-toggle="tooltip" title="Default">Default</span>
<span data-toggle="tooltip" data-bs-placement="top" title="Top">Top</span>
<span data-toggle="tooltip" data-bs-placement="right" title="Right">Right</span>
<span data-toggle="tooltip" data-bs-placement="left" title="Left">Left</span>
<span data-toggle="tooltip" data-bs-placement="bottom" title="Bottom">Bottom</span>
<script language="javascript">
$(function() {
$('[data-toggle="tooltip"]').tooltip()
})
</script>