Wie Bootstrap die Popover-Funktionalität extrahieren?

Question

Ich habe ein Nicht-Bootstrap-Projekt, das Popover-Funktionalität erfordert.

Ich möchte Bootstrap Popovers verwenden, aber nicht alle Bootstrap enthalten, da ich nur diese eine Funktion verwenden werde. Ich wäre auch offen für Vorschläge für ein anderes eigenständiges Popover-Widget.

popover des Bootstrap werden hier beschrieben, mit Beispielen:

http://getbootstrap.com/javascript/#popovers

Meine Fragen sind:

1. Welche Bootstrap-CSS-Definitionen werde ich von der Quelle extrahieren müssen?
2. Seit the bootstrap customizer is not yet available, muss ich nur die Datei tooltip.js verwenden, oder gibt es einige andere Base-JS-Dateien, die ich aufnehmen muss?

Vielen Dank!

Answer 1

1. Hier ist ein fiddle mit dem entsprechenden Schnipsel von Bootstrap. Die relevanten Klassen sind:

   .popover 
   .popover.top 
   .popover.right 
   .popover.bottom 
   .popover.left 
   .popover-title 
   .popover-content 
   .popover .arrow 
   .popover .arrow:after 
   .popover .arrow 
   .popover .arrow:after 
   .popover.top .arrow 
   .popover.top .arrow:after 
   .popover.right .arrow 
   .popover.right .arrow:after 
   .popover.bottom .arrow 
   .popover.bottom .arrow:after 
   .popover.left .arrow 
   .popover.left .arrow:after 
   

2. Ja, da popover Tooltip erstreckt. Und Sie werden jQuery benötigen, wenn Sie es nicht bereits verwenden.

Ich habe auch ein paar nette Dinge über qTip2 gehört.