Bootstrap 工具提示插件
工具提示插件
工具提示插件是一个小型弹出框，当用户将鼠标指针悬停在元素上时出现
提示： 插件可以单独包含（使用 Bootstrap 的单独“tooltip.js”文件），也可以全部包含（使用“bootstrap.js”或“bootstrap.min.js”）。
如何创建工具提示
要创建工具提示，请将 data-toggle="tooltip" 属性添加到元素中。
使用 title 属性指定应在工具提示中显示的文本
<a href="#" data-toggle="tooltip" title="万岁！">将鼠标悬停在我上面</a>
注意： 工具提示必须使用 jQuery 初始化：选择指定的元素并调用 tooltip() 方法。
以下代码将启用文档中的所有工具提示
定位工具提示
默认情况下，工具提示将显示在元素的顶部。
使用 data-placement 属性设置工具提示在元素顶部、底部、左侧或右侧的位置
示例
<a href="#" data-toggle="tooltip" data-placement="top" title="万岁！">悬停</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="万岁！">悬停</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="万岁！">悬停</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="万岁！">悬停</a>
自己尝试 »
提示： 您还可以使用 data-placement 属性，其值为 "auto"，这将允许浏览器决定工具提示的位置。例如，如果该值为 "auto left"，则工具提示将在可能的情况下显示在左侧，否则显示在右侧。
完整的 Bootstrap 工具提示参考
有关所有工具提示选项、方法和事件的完整参考，请访问我们的 Bootstrap JS 工具提示参考。
