jQuery Sparkline和Twitter引导3-工具提示风格覆盖？

Question

这里是:我尝试使用jQuery Sparkline和Twitter 3。在这个过程中，Sparklines的工具提示松散的样式，很明显，Bootstrap正在覆盖Sparklines中的某些内容。

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

这里有一个例子说明了它应该是什么样子的。这没有引导css。指向不同的火花线，并看到一个漂亮的工具提示，其中的值悬停：JSfiddle, how it should look

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

我确信这是相当简单的，但是由于Sparkline的默认css是硬编码到js中的，所以我出海了。

任何指示都将不胜感激。

Answer 1

我发现下面的方法可以更好地对抗引导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 js:添加到第354行：

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

.and从以下位置更改了第871行：

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

至：

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

不完美，但有效。