Increase horizontal offset of Bootstrap tooltips

Question

Does anyone know if there is an easy way to increase the tooltip offset for Bootstrap tooltips? There's nothing in the docs. The tooltip is obscuring the target area in some cases and preventing clicking.

http://twitter.github.io/bootstrap/javascript.html#tooltips

Answer 1

You can try something like this..

$("[data-toggle=tooltip]").hover(function(){
    $('.tooltip').css('top',parseInt($('.tooltip').css('top')) + 15 + 'px')
});

This would increase the vertical offset, but should work for horizontal if you use 'left' instead of 'top'.

Custom tooltip position on Bootply: http://www.bootply.com/59977