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.

Esempi

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>

inserisci la descrizione dell'immagine qui



Modified text is an extract of the original Stack Overflow Documentation
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow