如下所示,Bootstrap的工具提示没有样式?

时间:2013-12-30 06:07:25

标签: javascript jquery css twitter-bootstrap tooltip

我尝试使用Twitter Bootstrap文档提供的示例代码

<a href="#" data-toggle="tooltip" title="first tooltip">Hover over me</a>

虽然我确实将鼠标悬停在效果上,但它看起来并不像引导程序提供的漂亮版本。我尝试在Google和Stack Overflow中查找,但大多数都提供了如何自定义工具提示外观的解决方案。我只想使用默认的look bootrap提供。

关于我的原因可能看起来像下面的截图?

enter image description here

3 个答案:

答案 0 :(得分:1)

  1. 清除缓存。
  2. 确保bootstrap.min.css文件引用未被破坏或其他文件。
  3. 转到您的开发工具,验证我们可以查看是否存在具体错误。
  4. 使用与您的示例相同的条件制作原型,以便您可以识别您的原型 问题很明显。

答案 1 :(得分:0)

使用它。还要检查使用inspect元素,您的自定义类不会覆盖默认CSS。

<a class="btn btn-default" data-toggle="tooltip" data-placement="left" title="first tooltip" data-original-title="first tooltip">Hover over me</a>

答案 2 :(得分:0)

还要确保你添加正确的bootstrap css和javascript似乎你没有它们或者它们的路径是错误的