【问题标题】:Tooltip with Bootstrap not Styled as is shown in example?如示例中所示,带有 Bootstrap 的工具提示未设置样式?
【发布时间】:2013-12-30 06:07:25
【问题描述】:

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

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

虽然我确实获得了悬停效果,但它看起来不像 bootstrap 提供的漂亮版本。我曾尝试在 Google 和 Stack Overflow 中查找此内容,但其中大多数都提供了有关如何自定义工具提示外观的解决方案。我只想使用引导程序提供的默认外观。

对于为什么我的可能看起来像下面的屏幕截图有什么想法吗?

【问题讨论】:

    标签: javascript jquery css twitter-bootstrap tooltip


    【解决方案1】:
    1. 清除缓存。
    2. 确保 bootstrap.min.css 文件引用没有损坏或其他文件。
    3. 转到您的开发工具并验证是否存在我们可以解决的具体错误。
    4. 使用与您的示例相同的条件制作原型,以便您识别您的 问题很清楚。

    【讨论】:

      【解决方案2】:

      使用这个。还要使用检查元素检查您的自定义类没有覆盖默认 CSS。

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

      【讨论】:

        【解决方案3】:

        还要确保您添加了正确的引导 css 和 javascript 似乎您没有它们或它们的路径错误

        【讨论】:

          猜你喜欢
          • 2018-02-13
          • 1970-01-01
          • 1970-01-01
          • 2016-08-14
          • 2019-11-14
          • 2011-07-15
          • 1970-01-01
          • 1970-01-01
          • 2014-10-04
          相关资源
          最近更新 更多