tooltip是bootstrap第二復雜的組件，近三百行。配置項比較多。並且需要手動初始化。另一個特點是沒有自定義事件。
| 名稱 | 類型 | 默認 | 描述 |
|---|---|---|---|
| animation | 布爾值 | true | 為工具提示添加一個淡入的過渡。 |
| placement | 字符串或函數 | 'top' | 工具提示的位置：top | bottom | left | right。 |
| selector | 字符串 | false | 如果提供了selector，將對符合條件的某個或多個元素啟用工具提示。 |
| title | 字符串或函數 | '' | 如果'title'屬性不存在的話，就使用該值做為默認的標題。 |
| trigger | 字符串 | 'hover' | 工具提示的觸發方式：鼠標經過(hover) | 獲得焦點(focus) | 手動觸發(manual) |
| delay | 數字或對象 | 0 | 顯示和隱藏時的延遲時間(以毫秒計) 如果提供的是一個數字，延遲就會同時被應用到顯示和隱藏。 如果是一個對象，其結構就是: |
一般來說它是用於內聯元素，鏈接或圖片什么的，通過把其title抽取出來構成浮動提示層。比如下面的HTML結構：
<p class="muted" style="margin-bottom: 0;">
“這是我的第一次英文訪問,很抱歉它不夠嚴謹,但是我不得不這么做,不只因為采訪時間限制，更因為我面對的是卡梅隆，這個人喜愛挑戰、從無畏懼，他也希望別人如此，他可以原諒不完美，但他無法接受一個人不去努力接近自己的極限。”
——<a href="#" rel="tooltip" data-original-title="柴靜始終站在離新聞最近的地方，她以她的犀利和敏銳、堅定與堅持，最終歷練成為一名優秀的新聞工作者。 ">柴靜</a>《看見》專訪<a href="#" rel="tooltip" data-original-title="1954年8月16日生於加拿大的著名電影導演，擅長拍攝動作片以及科幻電影。">卡梅隆</a>
</p>
使用如下：
$('.muted a').tooltip({
placement:"bottom"
})
它對應的LESS這tooltip.less。