17. Bootstrap Tooltip Plugin

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

Tooltip Example

<button data-toggle="tooltip" data-placement="bottom" title="Hooray!"> </button> <a         data-toggle="tooltip" data-placement="right"     title="Hooray!"> Hover over me </a> <div      data-toggle="tooltip" data-placement="left"        title="Hooray!>
Hover over me
</div> <p         data-toggle="tooltip" data-placement="top"       title="Hooray!>

Hover over me

</p>

References