Bootstrap Tooltip 外掛
Tooltip 外掛
Tooltip 外掛是一個小的彈出框，當用戶將滑鼠指標移到某個元素上時出現。
提示： 外掛可以單獨包含（使用 Bootstrap 的單獨 "tooltip.js" 檔案），也可以一次性全部包含（使用 "bootstrap.js" 或 "bootstrap.min.js"）。
如何建立 Tooltip
要建立 tooltip，請向元素新增 data-toggle="tooltip" 屬性。
使用 title 屬性指定 tooltip 中應顯示的文字。
<a href="#" data-toggle="tooltip" title="Hooray!">將滑鼠懸停在我身上</a>
注意： Tooltip 必須使用 jQuery 初始化：選擇指定的元素並呼叫 tooltip() 方法。
以下程式碼將啟用文件中的所有 tooltip。
示例
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
自己動手試一試 »
定位工具提示
預設情況下，tooltip 將顯示在元素的上方。
使用 data-placement 屬性將 tooltip 的位置設定在元素的頂部、底部、左側或右側。
示例
<a href="#" data-toggle="tooltip" data-placement="top" title="Hooray!">懸停</a>
<a href="#" data-toggle="tooltip" data-placement="bottom" title="Hooray!">懸停</a>
<a href="#" data-toggle="tooltip" data-placement="left" title="Hooray!">懸停</a>
<a href="#" data-toggle="tooltip" data-placement="right" title="Hooray!">懸停</a>
自己動手試一試 »
提示：您還可以將 data-placement 屬性的值設定為 "auto"，這將允許瀏覽器決定 tooltip 的位置。例如，如果值為 "auto left"，tooltip 將盡可能顯示在左側，否則顯示在右側。
完整的 Bootstrap Tooltip 參考
有關所有 tooltip 選項、方法和事件的完整參考，請訪問我們的 Bootstrap JS Tooltip 參考。
