Bootstrap Font Awesome
Il existe une extension à BOOTSTRAP Twitter qui permet d'ajouter d'autres glyphicons.

Font Awesome
Font awseome propose d'intégrer à votre blibliothèque plus de 369 icones.Pour télécharger cette extension: Cliquez ici
Icones dynamiques
Avec Font awesome vous pouvez rendre vos icones dynamiques:Exemple:
<i class="fa fa-spinner fa-spin"></i> | |
<i class="fa fa-refresh fa-spin"></i> | |
<i class="fa fa-cog fa-spin"></i> | |
Rotation et inversion des icones
Pour inverser une icone ou executer une rotation utilisez la classe fa-rotate-* et fa-flip-* :
normal
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
icon-flip-vertical
Code:
fa-rotate-90
fa-rotate-180
fa-rotate-270
fa-flip-horizontal
icon-flip-vertical
<i class="fa fa-thumbs-o-up"></i> normal<br> | |
<i class="fa fa-thumbs-o-up fa-rotate-90"></i> fa-rotate-90<br> | |
<i class="fa fa-thumbs-o-up fa-rotate-180"></i> fa-rotate-180<br> | |
<i class="fa fa-thumbs-o-up fa-rotate-270"></i> fa-rotate-270<br> | |
<i class="fa fa-thumbs-o-up fa-flip-horizontal"></i> fa-flip-horizontal<br> | |
<i class="fa fa-thumbs-o-up fa-flip-vertical"></i> icon-flip-vertical | |
Encadrement icones
Il est possible d'ajouter divers encadrements aux icones:Exemple:
<span class="fa-stack fa-lg"> | |
<i class="fa fa-square-o fa-stack-2x"></i> | |
<i class="fa fa-twitter fa-stack-1x"></i> | |
</span> | |
<br> | |
<span class="fa-stack fa-lg"> | |
<i class="fa fa-circle fa-stack-2x"></i> | |
<i class="fa fa-thumbs-o-up fa-stack-1x fa-inverse"></i> | |
</span> | |
<br> | |
<span class="fa-stack fa-lg"> | |
<i class="fa fa-square fa-stack-2x"></i> | |
<i class="fa fa-terminal fa-stack-1x fa-inverse"></i> | |
</span> | |
<br> | |
<span class="fa-stack fa-lg"> | |
<i class="fa fa-camera fa-stack-1x"></i> | |
<i class="fa fa-ban fa-stack-2x text-danger"></i> | |
</span> | |
UNE QUESTION SUR L'ARTICLE?
Initiation
HTML

CSS

PHP

PHP Avancé

Bootstrap

javascript / jQuery

MySQL

Symfony 2

Prestashop

Optimiser
