Bootstrap工具提示錯誤的定位

Question

我剛剛開始使用引導程序，正在將我的聖誕節禮物的一部分工作給我的女朋友 - 讓她知道她真正的禮物是什麼（漢密爾頓在倫敦的門票）。

但是，我遇到了引導工具提示的問題。我期望在點擊的跨度字旁邊看到一個工具提示，在懸停或點擊。但由於某種原因，工具尖端位於機身的左上角。

有人能幫我一下嗎？

這是一支筆，顯示錯誤： Link to CodePen

我使用的是初始化的建議例子：

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

Answer 1

嘗試使用引導程序的版本相同。要麼完全v3或v4。一旦使用兼容文件，應該解決該問題。