2017-12-18 3 views
1

Ich habe gerade erst begonnen Bootstrap zu verwenden und arbeite an einem Teil meines Weihnachtsgeschenks an meiner Freundin - ein Rätsel für sie herauszufinden, was ihr wahres Geschenk ist (Tickets für Hamilton in London).Bootstrap Tooltip falsche Positionierung

Ich habe jedoch ein Problem mit den Bootstrap-Tooltips. Ich erwarte einen Tooltip neben dem Span-Wort, auf das geklickt wird. Klicken Sie unter hover oder auf. Aber aus irgendeinem Grund ist die Werkzeugspitze in der oberen linken Ecke des Körpers.

Kann mir hier jemand helfen? Hier

ist ein Stift, der den Fehler zeigt: Link to CodePen

Ich bin mit dem vorgeschlagenen Beispiel für die Initialisierung mit:

$("[data-toggle='tooltip']").tooltip(); 
+1

Sie verwenden die Bootstrap 4 JS-Datei mit der Bootstrap 3 CSS-Datei. Wähle eine Version aus. – Turnip

+0

Das war es eigentlich. Gott, ich wusste, dass es ein wirklich grundlegendes Problem sein musste. Ich habe mit 4 gespielt, bevor ich 3. gewählt habe. – geostocker

+0

Sie verwenden auch Bootstrap 4, ohne Popper.js einzuschließen; notwendig für Tooltip-Positionierung. –

Antwort

0

Versuchen Sie, die gleiche Version von Bootstrap verwenden. Entweder v3 oder v4 komplett. Das Problem sollte gelöst werden, sobald Sie kompatible Dateien verwenden.