css – Bootstrap工具提示,使按钮跳转

前端之家收集整理的这篇文章主要介绍了css – Bootstrap工具提示,使按钮跳转前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我将鼠标悬停在一个按钮上并出现工具提示时,按钮就会跳转。如果我禁用工具提示,它不会跳转。此外,右按钮失去圆角边缘。如何防止这种情况发生?
<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

解决方法

要避免跳转,您需要设置容器属性。这是记录。

When using tooltips and popovers with the Bootstrap input groups,
you’ll have to set the container option to avoid
unwanted side effects.

尝试以下操作:

$('[rel=tooltip]').tooltip({container: 'body'});
原文链接:https://www.f2er.com/css/222723.html

猜你在找的CSS相关文章