J'ai eu un problème de positionnement d'un génial icône sur un panneau de démarrage . Je veux mettre cette icône sur le côté droit de l'en-tête du panneau. Mais le code ne fonctionne pas. Quelqu'un peut aider?
<div class="panel panel-primary">
<div class="panel-heading">
Title
<i class="fa fa-question-circle text-right"></i>
</div>
<div class="panel-body">
Hello world!
</div>
</div>
Si vous avez besoin de prévisualiser le résultat, vérifiez ici: http://jsfiddle.net/7q7w0n76/
Essayez de remplacer text-right
par pull-right
dans la classe fa fa-question-circle
.
E.g.
<i class="fa fa-question-circle pull-right"></i>
Voici le JsFiddle Link .
J'espère que ça aide.
Ajoutez ceci à votre fichier CSS:
.text-right {
float: right;
}
Si vous utilisez bootstrap, l'ajout de la classe pull-right
peut également faire l'affaire.
Une dernière chose, si vous ajoutez des icônes FontAwesome et que vous écrivez du HTML sémantique, utilisez les balises <span>
pour elle au lieu des balises <i>
( explication ).