twitter-bootstrap
Glyphicons
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.
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>