back to top

Le Labels (etichette) di Bootstrap

Bootstrap dispone di diverse classi per la formattazione delle etichette (o label). La classe label viene aggiunta ad elementi di testo inline per farne risaltare il contenuto. Oltre alla citata classe ne possono essere aggiunte altre per effettuare una ulteriore stilizzazione: queste classi corrispondono a quelle già viste per altri elementi come i pulsanti e servono per cambiare il colore (e quindi il significato) dell’etichetta.

Vediamo un esempio:

<span class="label label-default">Predefinito</span>
<span class="label label-primary">Principale</span>
<span class="label label-success">Successo</span>
<span class="label label-info">Info</span>
<span class="label label-warning">Attenzione</span>
<span class="label label-danger">Pericolo</span>
etichette

Se le etichette vengono inserite all’interno di un tag per il titolo, queste assumeranno le dimensioni corrispondenti a quelle del titolo.

<h1>Titolo 1<span class="label label-primary">etichetta</span></h1>
<h2>Titolo 2<span class="label label-primary">etichetta</span></h2>
etichette nel titolo
Pubblicitร 
Articolo precedente
Articolo successivo