2012-04-12 16 views
6

si tengo un popover en un elemento <a> y lo llaman de la siguiente maneraposicionamiento de un popover el uso de Twitter de arranque

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

la popover muestra parte central superior del elemento, ¿cómo consigo el popover para mostrar parte superior derecha o arriba a la izquierda del elemento?

+0

Lamentablemente solo está: arriba | abajo | izquierda | correcto ... y dado que codifica de forma rígida la posición, no es fácil solucionarlo con CSS. Creo que la única solución es establecer un margen negativo para corregirlo. Pero no entiendo exactamente cómo te gustaría que se vea? –

Respuesta

6

Por el momento, no puede, está limitado a top | bottom | left | right por el momento, para tal precisión puede modificar la visualización de otro complemento como el plugin jQuery tipsy, que fue la base para el complemento de información sobre herramientas bootstrap para empezar.

Bootdtrap Popover Documentation.

7

Puede agregar estilos al diseño estándar de popover para mover el popover a donde desee. Este es el diagrama popover estándar tomada directamente de arranque-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> 

tanto para moverlo decir 15px a la derecha se puede añadir lo siguiente a su estilo:

.popover {margin-left: 15px;} 
0

uso de "izquierda "en lugar de" margen-izquierda ". El popover bootstrap usa la posición absoluta. Decir .popover {izquierda: 15px;}

Cuestiones relacionadas