Un apposito plugin di Bootstrap è dedicato alla creazione di tooltip.
I tooltip sono di norma associati a link.
<a href="#" data-toggle="tooltip" data-original-title="Sono un tooltip">tooltip</a>
Ecco un tooltip.
L'elemento a
va accompagnato dall'attributo data-toggle="tooltip"
e da un attributo data-original-title
valorizzato con il testo da mostrare nel tooltip.
Per inizializzare i tooltip dobbiamo ricorrere a Javascript
<script type="text/javascript"> $(function(){ $('a').tooltip(); }); </script>
specificando il selettore a cui associare il tooltip. Può essere genericamente il selettore a
, ma anche un id, una classe o un selettore di attributo.
$('#tooltip').tooltip(); $('.tooltip').tooltip();