使用 Bootstrap 的工具提示
使用工具提示帮助您的用户更好地理解应用或网站中的内容:
<span title=”Push it real good” data-toggle=”tooltip”>
Push It
</span>
初始化它们
您需要通过 JavaScript 初始化工具提示:
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
工具提示位置
想要将工具提示放在元素上方、下方或侧面吗?在元素上添加 data-placement 属性:
<a href=”#” data-toggle=”tooltip”
data-placement=”left”
title=”Knock you out”>
Mama said
</a>
快速提示
不要忘记包含 jQuery 和 bootstrap.js,因为它们对于工具提示的工作是必需的。