2017-12-08 2 views
0

Gibt es eine Möglichkeit, Bootstrap-Popover auf "Right Bottom" der angeklickten Schaltfläche anstelle von "Right Middle" auszurichten? Es sollte dynamisch sein.Bootstrap-Popover-Positionierung

enter image description here

Sie können die Standard-Code hier http://jsfiddle.net/VUZhL/2915/ überprüfen

<a href="#" id="example" rel="popover" data-placement="right" data-content="Header" data-original-title="Text">pop</a> 

Vielen Dank im Voraus.

+0

Fragen ohne klare Problemstellung sind für andere Leser nicht sinnvoll. Siehe: Erstellen eines minimalen, vollständigen und überprüfbaren Beispiels. –

+0

@ColinCline danke für den Kommentar, aber welcher Teil ist nicht klar? Alles, was ich brauche ist die erweiterte Positionierung des Bootstrap Popover – FrontDev

+0

Ich kann nicht auf Ihren Link zugreifen. Deshalb müssen Sie hier Code hinzufügen, um genauere Antworten zu erhalten (basierend auf SO-Regeln) –

Antwort

0

Sie benötigen Bootstrap popover CSS außer Kraft zu setzen, um zu erreichen, was Sie wollen:

.popover { 
    margin-top: -20px; 
} 

.popover.right .arrow { 
    margin-top: 8px; 
} 

Überprüfen Sie die folgenden Geige:

http://jsfiddle.net/VUZhL/2916/

+0

Was ist, wenn die Höhe des Inhalts zu groß wird (siehe Bild)? -1 –

+0

Ich überschreibe nur die Popover-Box. Nichts in der Box. – Mindless

+0

Das war nur ein Beispiel. OP möchte erreichen, was im Bild ist. Er wollte Popover immer im unteren, nicht mittleren Bereich haben. In Ihrem Beispiel, wenn Sie dem Popover zusätzlichen Inhalt hinzufügen, wird es irgendwann mittel. –