Bootstrap:-Component “Tooltips”

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>
Tagged : / / / / / / / /