Recherche…


Remarques

Cette section fournit une vue d'ensemble des glyphicons Bootstrap et explique comment utiliser les glyphicons.

Comment utiliser les glyphicons

Twitter Bootstrap prend en charge les icônes appelées glyphicons et elles peuvent être utilisées avec toutes les balises HTML.

Toutes les icônes nécessitent une classe de base et une classe d'icônes individuelles.

N'oubliez pas que les classes d'icônes ne peuvent pas être combinées directement avec d'autres composants. Utilisez donc toujours la <span></span> interne.

Si votre code HTML contient des éléments enfants internes, vous ne pouvez pas utiliser de classes d'icônes pour cette balise particulière.

Exemples

Par exemple, vous créez un bouton bootstrap, la syntaxe de ce bouton doit être la suivante:

<button type="button" class="btn btn-default btn-lg">
   Star
</button>

Ainsi, dans l'exemple ci-dessus, un simple bouton bootstrap est créé, mais vous souhaitez maintenant ajouter un glyphicon dans ce bouton, car il suffit d'ajouter un élément <span> dans une <button> . Comme ça:

<button type="button" class="btn btn-default btn-lg">
       <span class="glyphicon glyphicon-star" aria-hidden="true"></span>Star
</button>

entrer la description de l'image ici



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow