Bonjour à tous,

Je souhaite placer un effet round sur un icône, mais cela ne semble pas fonctionner dans mon site. J'ai repris l'exemple suivant :

<span class="icon-stack icon-2x">
  <i class="icon icon-circle icon-stack-2x"></i>
  <i class="icon icon-twitter icon-stack-1x icon-inverse"></i>
</span> icon-twitter on icon-circle

si je met :

<i class="fa fa-users fa-fw nav_icon"></i>

l'icône va s'afficher. Mais du coup je l'ai pas l'effet "rounded" que je souhaite.
On dirait que "icon" n'est pas reconnu, et que "fa" fonctionne.

Auriez-vous une idée de l'origine du problème ?

Avec mes remerciements,

Lf

2 réponses


G1.3
Réponse acceptée

Salut

Où as tu trouvé cet exemple ?

Tu sembles utiliser FontAwesome, si c'est bien le cas, pourquoi icon ?
D'après leur doc il faut faire comme ça:

<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>

Merci G1.3 !
ça fonctionne parfaitement,

J'avais trouvé l'exemple ici :
Doc Bootstrap

Jusqu'à présent les codes que j'ai touvé ici fonctionnaient bien,

Pf.