jQuery Sparklines和Twitter Bootstrap 3 - 工具提示样式覆盖？

Question

这就是：我正在尝试将jQuery Sparklines与Twitter Bootstrap 3一起使用。在此过程中，Sparklines的工具提示松散了样式，显然Bootstrap css覆盖了Sparklines JS中的某些内容。

据我所知，它与tooltip选择器有关。

以下是应该外观的一个示例。这是没有 Bootstrap css。指向不同的迷你图，并看到一个漂亮的工具提示值悬停： 的 JSfiddle, how it should look

不幸的是，这是我添加Bootstrap css时会发生的事情： JSfiddle, how it looks with Bootstrap css.

我确信这很简单，但由于迷你版的默认css被硬编码到js中，我出海了。

任何指针都会非常感激。

Answer 1

我发现以下方法更适合反击bootstrap css

.jqstooltip {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

Answer 2

我发现这最适合根据内容调整大小。

.jqstooltip {
  width: auto !important;
  height: auto !important;
}

Answer 3

嘛！我好像已经解决了。不完美，但现在足够好了：为了进一步参考其他人：在Sparkline中： 添加到第354行：

'padding: 5px 5px 15px 5px;' +
'min-height: 30px;' +
'min-width: 30px;' +

。并更改了第871行：

this.width = this.sizetip.width() + 1;

为：

this.width = this.sizetip.width() + 12;

不完美，但有效。

Answer 4

我有同样的问题，你可以使用这个css

  .jqstooltip{ 
       width:50px;
       height:25px!important;
    }

Answer 5

.jqstooltip {
  width: auto !important;
  height: auto !important;
}