Bootstrap工具提示导致按钮跳转

Question

当我将鼠标悬停在按钮上并显示工具提示时,按钮会跳跃.如果我禁用工具提示,它不会跳转.此外,右按钮失去圆形边缘.我怎样才能防止这种情况发生？

<div class="btn-group">
    <a rel="tooltip" class="btn" href="#" data-title="View Details"><i class="icon-list-alt"></i></a>
    <a rel="tooltip" class="btn" href="#" data-title="Delete"><i class="icon-trash">    </i></a>
</div> 

使用Javascript:

$('[rel=tooltip]').tooltip();

工作版......

http://jsfiddle.net/BA4zM/147/

这是一个没有跳跃的网站...

http://wrapbootstrap.com/preview/WB005S479

Answer 1

要避免跳转,您需要设置容器属性.这是记录在案的.

使用工具提示和弹出窗口与Bootstrap输入组时,您必须设置容器选项以避免不必要的副作用.

请尝试以下方法:

$('[rel=tooltip]').tooltip({container: 'body'});