Bootstrap Tooltip Not Displaying

Question

我正在嘗試使用引導工具提示 - 但目前我無法讓它們顯示。我遵循了Bootstrap Docs指南中的所有說明，但它們仍然無法正常工作。有什麼我可能會失蹤？

HTML：

<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="Refresh inbox"><i class="fa fa-refresh"></i> Refresh</button> 
<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as read"><i class="fa fa-eye"></i> </button> 
<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as important"><i class="fa fa-exclamation"></i> </button> 
<button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash"><i class="fa fa-trash-o"></i> </button> 

JS：

$(function() { 
      $('[data-toggle="tooltip"]').tooltip() 
}) 

和代碼筆可以在這裏找到： http://codepen.io/anon/pen/LpzPxR

我最初的猜測是，什麼是錯的CSS 但我似乎無法讓它在筆中工作。

編輯：我已經解決了該問題在codepen但實際模板仍顯示錯誤 - http://i62.tinypic.com/2ik2u6s.jpg

Answer 1

就快：你只是缺少了jQuery，bootstrap.js之前。

從引導文件：

一些插件和CSS組件依賴於其他插件。如果您單獨包含插件，請確保在文檔中檢查這些依賴關係。另外請注意，所有的插件依賴jQuery的（這意味着jQuery的必須的插件文件之前包括在內）

見forked codepen

注：我還添加了font-awesome.css你有從後者庫圖標。

---

編輯：從this screenshot張貼在評論和談話，似乎也OP有jQuery UI Tooltip，這是與引導提示衝突。