posizionamento popover utilizzando Twitter bootstrap

Question

se ho una popover su un elemento <a> e chiamo come segue

$(function() { 
    $('#element').popover({ 
     placement:'top', 
     title:'some title', 
     content: $('#some-div').html() 
    }); 
}); 

il popover display centrale superiore dell'elemento, come ottengo il popover per visualizzare superiore destro o in alto a sinistra dell'elemento?

Answer 1

A partire da ora, non è possibile, per il momento si è limitati a top | bottom | left | right, per tale precisione è possibile modificare la visualizzazione di un altro plug-in come il plugin jQuery tipsy, che era la base del plug-in tooltip di bootstrap iniziare con.

Bootdtrap Popover Documentation.

Answer 2

È possibile aggiungere agli stili del layout popover standard per spostare il popover dove si desidera. Ecco il layout standard di popover estrapolate direttamente dal bootstrap-popover.js:

<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div> 

Pertanto per spostarla dire 15px a destra è possibile aggiungere il seguente al vostro stile:

.popover {margin-left: 15px;} 

Answer 3

Usa "a sinistra "invece di" margin-left ". Il popover bootstrap utilizza la posizione assoluta. Dì .popover {left: 15px;}