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

有谁知道是否有简单的方法来增加Bootstrap工具提示的工具提示偏移量？文档中没有任何内容。工具提示在某些情况下遮挡了目标区域，并防止点击。增加Bootstrap工具提示的水平偏移量

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

2013-07-12 metalaureate

您是否尝试使用'data-placement'属性更改工具提示方向？ –

有一些示例标记？你是否遵循了这个规则：输入组中的工具提示当使用Bootstrap输入组的工具提示和弹出窗口时，必须设置容器（下面有说明）选项以避免不必要的副作用。 – Jason

对不起，因为容器的想法而感到振奋。 – metalaureate

你可以尝试这样的事情..

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

这将增加垂直偏移，但应水平工作，如果你使用的不是“顶”“左”。上Bootply

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

来源

2013-07-12 01:32:26 ZimSystem

此示例偏移到右边（即增加了左位置）。注意：仅为强调而添加“隐藏”延迟。我检查事件类型以及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'); 
});

来源

2015-05-22 01:14:50 Glen

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

回答

相关问题