在html中引入bootstrap的css和js，然後在需要提示的標籤上加上：

data-toggle="tooltip" data-placement="bottom" title="我是提示語"

然後在JS中加入：

$("[data-toggle='tooltip']").tooltip();

當中的data-placement值有top、left、right、bottom；預設為top；

相關的一些方法：

//向元素集合附加提示工具控制代碼
$('#element').tooltip(options);
//切換顯示/隱藏元素的提示工具
$('#element').tooltip('toggle'
 
);
//顯示元素的提示工具
$('#element').tooltip('show'); 
//隱藏元素的提示工具
$('#element').tooltip('hide'); 
//隱藏並銷燬元素的提示工具
$('#element').tooltip('destroy');
//以html的方式顯示
$('#element').tooltip({html : true });

相關的一些事件：

//當呼叫 show 例項方法時立即觸發該事件
$('#myTooltip').on('show.bs.tooltip', function () {
  // 執行一些動作...
})
//當提示工具對使用者可見時觸發該事件（將等待 CSS 過渡效果完成）
$('#myTooltip'
 
).on('shown.bs.tooltip', function () {
  // 執行一些動作...
})
//當呼叫 hide 例項方法時立即觸發該事件
$('#myTooltip').on('hide.bs.tooltip', function () {
  // 執行一些動作...
})
//當提示工具對使用者隱藏時觸發該事件（將等待 CSS 過渡效果完成）
$('#myTooltip').on('hidden.bs.tooltip', function () {
  // 執行一些動作...
})