Bootstrap - tooltip example
automatically show tooltip on hover for all elements marked with tooltip data
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<br />
<br />
<br />
<!-- HTML to write -->
<a href="#" data-toggle="tooltip" title="Some tooltip text gdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdfgdgdfgdfgdfgdf!">Hover over me</a> ||
<a href="#" data-toggle="tooltip" data-placement="right" title="Some tooltip 2!">Hover over me too</a>
JavaScript
jQuery(function () {
jQuery('[data-toggle=tooltip]').tooltip();
});