La descripción Plugin
El plug-in Tooltip es pequeño cuadro emergente que aparece cuando el usuario mueve el puntero del ratón sobre un elemento:
Tip: Los complementos pueden ser incluidos de forma individual (usando Bootstrap's individuales "tooltip.js" de archivos), o todos a la vez (utilizando "bootstrap.js" o "bootstrap.min.js" ).
Cómo crear un mensaje de ayuda
Para crear un texto de ayuda, agregar la data-toggle="tooltip" atributo a un elemento.
Utilice el title atributo para especificar el texto que se debe mostrar el interior de la descripción:
<a href="#" data-toggle="tooltip" title="Hooray!">Hover over me</a> Nota: La información sobre herramientas se debe inicializar con jQuery: seleccionar el elemento especificado y llame a la tooltip() método.
El siguiente código permitirá a todas las sugerencias en el documento:
Ejemplo
<script>
$(document).ready(function(){
$('[data-toggle="tooltip"]').tooltip();
});
</script>
Inténtalo tú mismo " La información sobre herramientas de posicionamiento
Por defecto, la descripción aparecerá en la parte superior del elemento.
Utilice la data-placement de atributos para definir la posición de la información de herramientas en la parte superior, inferior, izquierdo o el lado derecho del elemento:
Ejemplo
<a href="#" data-toggle="tooltip" data-placement="top"
title="Hooray!">Hover</a>
<a href="#" data-toggle="tooltip"
data-placement="bottom" title="Hooray!">Hover</a>
<a href="#"
data-toggle="tooltip" data-placement="left" title="Hooray!">Hover</a>
<a
href="#" data-toggle="tooltip" data-placement="right"
title="Hooray!">Hover</a>
Inténtalo tú mismo " Consejo: También puede utilizar la data-placement atributo con un valor de "auto", que le permitirá al navegador decidir la posición de la información de herramientas. Por ejemplo, si el valor es "auto left" , la descripción se mostrará en el lado izquierdo, cuando sea posible, de otro modo a la derecha.
Información sobre la herramienta de referencia completar Bootstrap
Para una referencia completa de todas las opciones de información sobre herramientas, métodos y eventos, visite nuestro Bootstrap JS Información sobre la herramienta de referencia .