Sei sulla pagina 1di 2

GERENCIA VIRTUAL

“Capacitación y asesoría a solo un click”

Mensajes de Ayuda en BOOTSTRAP


El componente de mensajes de ayuda es un pequeño cuadro emergente que aparece cuando el
usuario mueve el puntero del ratón sobre un elemento:

Cómo Crear un Mensaje de Ayuda


Para crear un texto de ayuda, se debe añadir el atributo data-toggle="tooltip" a un elemento.
Utilice el atributo title para especificar el texto que se debe mostrar en el interior de la
descripción:

<a href="#" data-toggle="tooltip" title="Hooray!">Pasa sobre mi</a>

Nota: La información sobre herramientas debe ser inicializada con jQuery: seleccionar el
elemento especificado y llamar al método tooltip().
El siguiente código permitirá a todas las sugerencias en el documento:

<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>

Ver: Código 179.html

La Posición del Mensaje de Ayuda


Por defecto, la información sobre herramientas aparecerá en la parte superior del elemento.
Utilice el atributo data-placement para establecer la posición del mensaje de ayuda en la parte
superior, inferior, izquierdo o el lado derecho del elemento:
GERENCIA VIRTUAL
“Capacitación y asesoría a solo un click”

<a href="#" data-toggle="tooltip" data-placement="top" title="Exiito!">Sobre mi</a>


<a href="#" data-toggle="tooltip" data-placement="bottom" title=" Exiito!"> Sobre mi </a>
<a href="#" data-toggle="tooltip" data-placement="left" title=" Exiito!"> Sobre mi </a>
<a href="#" data-toggle="tooltip" data-placement="right" title=" Exiito!"> Sobre mi </a>

Ver: Código 180.html

Potrebbero piacerti anche