2017-12-18 362 views
1

我刚刚开始使用引导程序,正在将我的圣诞节礼物的一部分工作给我的女朋友 - 让她知道她真正的礼物是什么(汉密尔顿在伦敦的门票)。Bootstrap工具提示错误的定位

但是,我遇到了引导工具提示的问题。我期望在点击的跨度字旁边看到一个工具提示,在悬停点击。但由于某种原因,工具尖端位于机身的左上角。

有人能帮我一下吗?

这是一支笔,显示错误: Link to CodePen

我使用的是初始化的建议例子:

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

您正在使用Bootstrap 4 JS文件和Bootstrap 3 CSS文件。选择一个版本。 – Turnip

+0

就是这样,实际上。上帝,我知道它必须是一个非常基本的问题。在选择3之前,我正在玩4。 – geostocker

+0

你也使用Bootstrap 4而不包括Popper.js;工具提示定位所必需的。 –

回答

0

尝试使用引导程序的版本相同。要么完全v3或v4。一旦使用兼容文件,应该解决该问题。