Indice dei contenuti

Il componente Popover costituisce per certi versi un'estensione dei tooltip. Le differenze consistono nel testo più lungo che in genere contengono e nella modalità di attivazione che avviene sul click e non sull'hover.

Markup HTML di base

I popover sono associati a link o pulsanti.

<button id="pop" class="btn btn-default" data-toggle="popover" data-content="Lorem ipsum...">Apri il popover</button>

Il link o pulsante cui è associato il popover presenta l'attributo data-toggle="popover" e un attributo data-content con il testo da mostrare nel popover.

Come i tooltip, i popover vanno inizializzati via Javascript passando il selettore cui li associamo.

<script type="text/javascript">
    $(function(){
       $('#pop').popover();
    });
</script>