Tooltip

Ejemplo básico


<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="top" title="Tooltip Arriba">Tooltip Arriba</button>
<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="right" title="Tooltip derecha">Tooltip derecha</button>
<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="bottom" title="Tooltip abajo">Tooltip abajo</button>
<button type="button" class="btn btn-primary" data-toggle="tooltip" data-placement="left" title="Tooltip izquierda">Tooltip izquierda</button>

¿Como usar?

Habilitar tooltips en todas las páginas

$('[data-toggle="tooltip"]').tooltip();
Habilitar tooltips individual

$('#example').tooltip(options);
Más info