I'm using Bootstrap 3 tooltips, used the examples from the docs, but the problem is they show up automatically at start, when the page is loaded all the tooltips are visible!
i want them to show only on hover, what should I do?
You can do like this
$(function () {
$('[data-toggle="tooltip"]').tooltip("show");
$('[data-toggle="tooltip"]').find(".tooltip.fade.top").removeClass("in");
});
or
$(function () {
$('[data-toggle="tooltip"]').tooltip("show");
$(".tooltip.fade.top").remove();
});
For Html :
<a href="#" data-toggle="tooltip" title="This is tooltip !">Hover over me</a>