增加Bootstrap工具提示的水平偏移量

Question

有誰知道是否有簡單的方法來增加Bootstrap工具提示的工具提示偏移量？文檔中沒有任何內容。工具提示在某些情況下遮擋了目標區域，並防止點擊。

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

Answer 1

你可以嘗試這樣的事情..

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

這將增加垂直偏移，但應水平工作，如果你使用的不是「頂」「左」。上Bootply

定製工具提示的位置是：http://www.bootply.com/59977

Answer 2

此示例偏移到右邊（即增加了左位置）。注意：僅爲強調而添加「隱藏」延遲。我檢查事件類型以及mouseenter和mouseleave上的懸停。

$("[data-toggle=tooltip]").tooltip({delay: {hide: 1000}}); 
$("[data-toggle=tooltip]").hover(function(e){ 
    if (e.type == 'mouseenter') 
     $('.tooltip').css('left', parseInt($('.tooltip').css('left')) + 15 + 'px'); 
});