Tutoriel Bootstrap

Bootstrap

Découvez les bases du plus célébre des frameworks CSS.

HTML HTML5 CSS Dreamweaver PHP

Glyphicons

Les glyphicons sont des images que propose la librairie Bootstrap. Elles proviennent de polices de caractères que bous retrouvons dans le dossier bower_components/bootstrap/dist/fonts/ si nous avons installé Boostrap avec Bower.

fontSon fonctionnement est le suivant: ajoutez à un élément la classe glyphicon et la classe glyphicon-* où * est le nom de l'image.

Utilisation

<span class="glyphicon glyphicon-nom-image"></span>

Exemple

<span class="glyphicon glyphicon-envelope"></span>
ou
<i class="glyphicon glyphicon-envelope"></i>

Je vous conseille davantage la balise i, elle comporte moins de caractères que la balise span

Il ne faut pas mettre de texte entre les balises i ou span, les glyphicons ne sont pas fait pour contenir du texte.

Liste des glyphicons