Derniers tutoriels de développement web
 

Bootstrap Glyphicons


Glyphicons

Bootstrap fournit 260 glyphicons du Glyphicons ensemble halfelins.

Glyphicons peuvent être utilisés dans le texte, les boutons, les barres d' outils, navigation, formulaires, etc.

Voici quelques exemples de glyphicons :

glyphicon Enveloppe:

Imprimer glyphicon:

Recherche glyphicon:

Télécharger glyphicon:


Glyphicon Syntaxe

Une glyphicon est insérée avec la syntaxe suivante:

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

La partie nom dans la syntaxe ci - dessus doit être remplacé par le nom propre de l'glyphicon.


Glyphicon Exemple

L'exemple suivant montre les différentes façons d'utiliser glyphicons:

Exemple

<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>
Essayez - le vous - même »

Testez-vous avec des exercices!

Exercice 1 » Exercice 2» Exercice 3 »


Remplissez Bootstrap Glyphicon Référence

Pour une référence complète de tous les glyphicons, allez à notre entière Bootstrap Glyphicon Référence .