Bootstrap Glyphicons
Glyphicons
Bootstrap fournit 260 glyphicons de l' ensemble Glyphicons Halflings.
Les glyphicons peuvent être utilisés dans le texte, les boutons, les barres d'outils, la navigation, les formulaires, etc.
Voici quelques exemples de glyphicons :
Icône de glyphe d'enveloppe :
Imprimer l'icône de glyphe :
Icône de glyphe de recherche :
Télécharger glyphicon :
Syntaxe du glyphicon
Un glyphicon est inséré avec la syntaxe suivante :
<span class="glyphicon glyphicon-name"></span>
La partie du nom dans la syntaxe ci-dessus doit être remplacée par le nom propre du glyphicon.
Exemple de glyphicone
L'exemple suivant montre différentes manières d'utiliser les 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>
Référence complète de Bootstrap Glyphicon
Pour une référence complète de tous les glyphicons, accédez à notre référence complète de Bootstrap Glyphicon .