Bootstrap工具提示错误定位

Question

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

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

谁能帮到我这里？

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

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

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

Answer 1

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