Indice dei contenuti

Un apposito plugin di Bootstrap è dedicato alla creazione di tooltip.

Markup HTML di base

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();