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

J'ai eu un problème de positionnement d'un génial icône sur un bootstrap panneau. Je veux mettre cette icône sur le côté droit du panneau d'en-tête. Mais le code ne fonctionne pas. Quelqu'un peut-il 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 d'un aperçu du résultat, vérifiez ici : http://jsfiddle.net/7q7w0n76/

OriginalL'auteur Mincong Huang | 2015-07-06

  1. 12

    Essayer de changer text-right à pull-right dans le fa fa-question-circle classe.

    E. g.

    <i class="fa fa-question-circle pull-right"></i>

    Voici la JsFiddle Lien.

    Espère que cela aide.

    Ça fonctionne, merci mon ami !
    Vous êtes les bienvenus! Amusez-vous bien!!!

    OriginalL'auteur Alberto I.N.J.

  2. 2

    Ajouter ceci à votre fichier CSS:

    .text-right {
    float: right;
}

    Si vous êtes en utilisant bootstrap, ajout de la classe de pull-right pourrait faire l'affaire.

    Une dernière chose, si vous êtes en train d'ajouter FontAwesome icônes et de vous écrire du HTML sémantique puis utilisez <span> balises au lieu de <i> balises (explication).

    Pourriez-vous me dire pourquoi devrions-nous utiliser <span> au lieu de <i> ?
    À l'aide de <i> balises n'est pas de la sémantique HTML, fontawesome utiliser cette balise parce que: 1. C'est court. 2. je représente l'icône.
    Ok. Je comprends mieux maintenant. Merci 🙂

    OriginalL'auteur odedta