Bootstrap工具提示错误定位

Question

我刚刚开始使用引导程序，正在为我的女朋友工作部分圣诞礼物 - 这让她弄清楚她的真实礼物是什么（伦敦汉密尔顿的门票）。

但是，我遇到了引导程序工具提示的问题。我希望在悬停或点击上看到点击的字词旁边的工具提示。但由于某种原因，工具尖端位于身体的左上角。

有人可以帮助我吗？

这是一支显示错误的笔： 的 Link to CodePen

我使用建议的初始化示例：

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

Answer 1

尝试使用相同版本的Bootstrap。要么完全转到v3或v4。使用兼容文件后，应解决此问题。