The Tooltip plugin is small pop-up box that appears when the user moves the mouse pointer over an element:
<!--tooltip top-->
<span class="m-4" data-toggle="tooltip" data-placement="top" title="Tooltip top">
Tooltip top
</span>
<!--tooltip Bottom-->
<span class="m-4" data-toggle="tooltip" data-placement="Bottom" title="Tooltip top">
Tooltip Bottom
</span>
<!--tooltip Left-->
<span class="m-4" data-toggle="tooltip" data-placement="Left" title="Tooltip Left">
Tooltip Left
</span>
<!--tooltip Right-->
<span class="m-4" data-toggle="tooltip" data-placement="Right" title="Tooltip Right">
Tooltip Right
</span>