web-dev-qa-db-fra.com

Comment créer une icône sur le côté droit d'un panneau de démarrage?

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/

csstwitter-bootstraptwitter-bootstrap-3frontendfont-awesome
7
Mincong Huang

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.

11
Alberto I.N.J.

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

2
odedta