jQuery Sparklines und Twitter Bootstrap 3 – Tooltip-Stil überschreibt?

Hier geht es: Ich versuche, jQuery Sparklines mit Twitter Bootstrap 3 zu verwenden. Dabei verliert der Tooltip von Sparklines das Styling, und es ist klar, dass das Bootstrap-CSS etwas im Sparklines-JS überschreibt.

Soweit ich das beurteilen kann, hat es damit zu tun tooltip Wähler.

Hier ist ein Beispiel dafür, wie es geht sollte sehen. Das ist ohne das Bootstrap-CSS. Zeigen Sie auf die verschiedenen Sparklines und sehen Sie einen hübschen Tooltip mit schwebenden Werten:
JSfiddle, wie es aussehen sollte

Folgendes passiert leider, wenn ich das Bootstrap-CSS hinzufüge:
JSfiddle, wie es mit Bootstrap CSS aussieht.

Ich bin mir sicher, dass es ziemlich einfach ist, aber da das Standard-CSS für Sparklines fest in das js codiert ist, bin ich auf See.

Irgendwelche Hinweise würden sehr geschätzt werden.

Ich fand, dass das Folgende besser funktioniert, um Bootstrap-CSS entgegenzuwirken

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

Ich fand, dass dies am besten funktioniert, um die Größe basierend auf dem Inhalt zu ändern.

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

Also! Ich scheine es gelöst zu haben. Nicht perfekt, aber vorerst gut genug: zur weiteren Bezugnahme für andere: In der Sparkline js: in Zeile 354 hinzugefügt:

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

.und geänderte Zeile 871 von:

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

zu:

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

Nicht perfekt, aber es funktioniert.

Ich hatte das gleiche Problem, Sie können dieses CSS verwenden

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

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