Как создать значок на правой стороне панели самонастройки?

Question

У меня проблема с позиционированием удивительный значок на ботстрап-панель. Я хочу поместить этот значок в правую сторону заголовка панели. Но код не работает. Может ли кто-нибудь помочь?

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

Если вам необходимо просмотреть результат, проверьте здесь: http://jsfiddle.net/7q7w0n76/

Answer 1

Попробуйте изменить text-right на номер pull-right в категории fa fa-question-circle.

E.g.

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

Вот JsFiddle Link.

Надеюсь, что это поможет.

Answer 2

Добавьте это в ваш файл CSS:

.text-right { 
    float: right; 
} 

Если вы используете загрузчик, добавив класс pull-right может сделать трюк.

Последнее, если вы добавляете значки FontAwesome и пишете семантический HTML, используйте для этого теги <span> вместо <i> тегов (explanation).