我这里有这些按钮/锚点和 Bootstrap 制作的工具提示:
<a id="btn1" class="mybutton" data-container="body" data-toggle="tooltip" data-placement="right" title="my tooltip">
Hover Me To Display Tooltip
</a>
<a id="btn2" class="mybutton" data-container="body" data-toggle="tooltip" data-placement="right" title="my tooltip">
Hover Me To Display Tooltip
</a>
并将其与 jQuery 代码结合起来,如下所示:
$(document).ready(function(){
$(".mybutton").tooltip();
});
它将完美地工作,并在右侧显示工具提示。
但是我如何使用CSS更改仅button1的工具提示的位置,以便我可以将其进一步向右移动?不移动button2的工具提示?
Apply data-placement="right"
data 属性到要更改工具提示位置的元素;
也可以设置。top
,left
,right
,bottom
,auto
.
如果您想了解更多有关工具提示的信息。查看引导工具提示设置 http://getbootstrap.com/javascript/#tooltips
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)