twitter-bootstrap
Glyphicons
Ricerca…
Osservazioni
Questa sezione fornisce una panoramica sui glyphicon di Bootstrap e descrive come utilizzare i glyphicon.
Come usare i glyphicons
Twitter Bootstrap supporta icone chiamate glyphicons e possono essere utilizzate con tutti i tag HTML.
Tutte le icone richiedono una classe base e una singola classe di icone.
Tieni presente che le classi di icone non possono essere combinate direttamente con altri componenti, quindi utilizza sempre il <span></span>
.
Se il tuo codice HTML ha elementi figlio interni, non puoi utilizzare le classi di icone per quel particolare tag.
Ad esempio, stai creando un pulsante di bootstrap, quindi la sintassi per questo pulsante dovrebbe essere come questa:
<button type="button" class="btn btn-default btn-lg">
Star
</button>
Quindi nell'esempio precedente viene creato un semplice pulsante di avvio, ma ora si desidera aggiungere un glyphicon in questo pulsante, per cui è sufficiente aggiungere un elemento <span>
all'interno di un tag <button>
. Come questo:
<button type="button" class="btn btn-default btn-lg">
<span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>