To add a information popup when hover using tooltip

The Tooltipis a property a pop-up box that appears when we hover over an element

Here we can add a introduction about the element without opening it

When moves hover it just gives a pop up containing information

Here data-placement is a attribute used to specify the position of pop up to appear

<a href="#" data-toggle="tooltip" data-placement="top" title="Jobin and Jismi.pvt.ltd">JJ</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Jobin and Jismi.pvt.ltd">JJ</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Jobin and Jismi.pvt.ltd">JJ</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Jobin and Jismi.pvt.ltd">JJ</a>

Tooltips must be initialized with jQuery: select the specified element and call the tooltip() method.

Script

<script>
$(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip();   
});
</script>