2012-07-19 3 views
5

Estoy usando Twitter Bootstrap para implementar información sobre herramientas. Actualmente, la información sobre herramientas aparece encima del enlace. Me gustaría que la información sobre herramientas aparezca debajo del enlace. ¿Cómo voy a hacer esto?Cómo voltear Twitter Tool Boots

estoy desencadenamiento de la información sobre herramientas y establece claramente "inferior" pero no quiero trabajar para mí ...

<script>$('#home').tooltip('hide bottom')</script> 
+0

¿Puedes mostrar algún tipo de código? –

Respuesta

10
$('#tooltip').tooltip({ 
    placement : 'left', 
    title : 'first tooltip' 
}); 

Utilice esta etiqueta dentro de <script>, o en un archivo JavaScript aparte.

+0

¡este parecía funcionar para mí! Muchas gracias, agradezco la ayuda. – Jonathan

3

Suponiendo que estés utilizando la última Bootstrap que usaría la colocación de "fondo". Puede hacerlo a través de las opciones cuando crea la información sobre herramientas: $("#tt").tooltip({placement: "bottom"}); o mediante el atributo de datos en el elemento: <span data-placement="bottom" ...>tooltip!</span> Creo.

Puede encontrar más información sobre la información sobre herramientas en la sección Bootstrap tooltip.

3

en el sitio web bootstrap muestran opciones para la información sobre herramientas. una de las opciones es placement que se puede configurar en la parte superior, inferior, derecha o izquierda.

por lo que cuando se agrega el guión para su información sobre herramientas poner la opción como esta

$('#example').tooltip({placement: "bottom"}) 
+0

Así que modifiqué el código en función de su entrada, pero los tooltips aún aparecen sobre los enlaces. Esto es lo que tengo actualmente: Jonathan

+0

necesita '" 'en la parte inferior y'} 'al final de bottom not ']'. Todo lo demás se ve bien –

+0

en realidad permítame volver a escribir eso para usted ' ' –

1

Bootstrap sobre herramientas tiene una opción de "colocación". Usted puede configurarlo para que así "inferior":

$('#home').tooltip({ 
    placement : "bottom" 
}); 

ven su página web oficial referencias (v.2.3.3) o (v.3).

+0

No creo que necesite cotizaciones alrededor de la colocación –

+0

Derecha. No tiene que hacerlo si es un nombre de variable válido (en este caso). – 322896

+0

El enlace ya no funciona (suponiendo que el sitio no está simplemente abajo) – Hoppe