Gli ultimi tutorial di sviluppo web
 

Bootstrap Glyphicons


Glyphicons

Bootstrap fornisce 260 glyphicons dalla Glyphicons set Mezzuomini.

Glyphicons possono essere utilizzati nel testo, pulsanti, barre degli strumenti, la navigazione, le forme, ecc

Ecco alcuni esempi di glyphicons :

glyphicon Busta:

Stampa glyphicon:

Ricerca glyphicon:

Scarica glyphicon:


Glyphicon Sintassi

Un glyphicon viene inserito con la seguente sintassi:

<span class="glyphicon glyphicon- name "></span>

La parte del nome nella sintassi sopra deve essere sostituito con il nome proprio del glyphicon.


Glyphicon Esempio

L'esempio seguente mostra diversi modi di usare glyphicons:

Esempio

<p>Envelope icon: <span class="glyphicon glyphicon-envelope"></span></p>
<p>Envelope icon as a link:
  <a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
</p>
<p>Search icon: <span class="glyphicon glyphicon-search"></span></p>
<p>Search icon on a button:
  <button type="button" class="btn btn-default">
    <span class="glyphicon glyphicon-search"></span> Search
  </button>
</p>
<p>Search icon on a styled button:
  <button type="button" class="btn btn-info">
    <span class="glyphicon glyphicon-search"></span> Search
  </button>
</p>
<p>Print icon: <span class="glyphicon glyphicon-print"></span></p>
<p>Print icon on a styled link button:
  <a href="#" class="btn btn-success btn-lg">
    <span class="glyphicon glyphicon-print"></span> Print
  </a>
</p>
Prova tu stesso "

Mettiti alla prova con esercizi!

Esercizio 1 » Esercizio 2» Esercizio 3 »


Completare Bootstrap Glyphicon di riferimento

Per un riferimento completo di tutte le glyphicons, vai alla nostra completa Bootstrap Glyphicon di riferimento .