Tooltip is a component that is used for displaying small pop-up messages in a small box that appears when the user moves the mouse pointer over an element.
How to Create a Tooltip
- Inside a tag data-toggle=”tooltip” attribute to an element.
- Use title attribute to specify the text that should be displayed inside the tooltip.
- Note: Tooltips must be initialized with jQuery:
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>