An impressive tooltip for your web application with JQuery and Bootstrap

Providing title for a link or div make the browser to show it as tooltip text. If we can make it as a bit more beautiful for the user, it is interesting. With bootstrap, its very simple. Look at the following example.

 <a data-toggle="tooltip" title="Your title here">Link1</a>  

and add the following to your js file.

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

nice and easy. look how it looks like.

Happy coding