Top tooltip Right tooltip Bottom tooltip Left tooltip
<script type='text/javascript'>
jQuery(document).ready(function () {
if (jQuery("[rel=tooltip]").length) {
jQuery("[rel=tooltip]").tooltip();
}
});
</script>
<a class="tooltip_link" rel="tooltip" href="#" data-placement="top" data-toggle="tooltip" title="Top tooltip">Top tooltip</a>
<a class="tooltip_link" rel="tooltip" href="#" data-placement="right" data-toggle="tooltip" title="Right tooltip">Right tooltip</a>
<a class="tooltip_link" rel="tooltip" href="#" data-placement="bottom" data-toggle="tooltip" title="Bottom tooltip">Bottom tooltip</a>
<a class="tooltip_link" rel="tooltip" href="#" data-placement="left" data-toggle="tooltip" title="Left tooltip">Left tooltip</a>