Geek Answers Handbook

How to create an icon on the right side of the boot panel?

I'm having a problem positioning the awesome icon in the panel for bootstrap . I want to put this icon on the right side of the panel title. But the code does not work. Can anyone help?

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

If you need to view the result, check here: http://jsfiddle.net/7q7w0n76/

+4
source share
2 answers

Try changing text-rightto pull-rightin class fa fa-question-circle.

eg.

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

Here's JsFiddle Link .

Hope this helps.

+9
source

Add this to your CSS file:

.text-right {
    float: right;
}

bootstrap, pull-right .

, FontAwesome HTML-, <span> <i> ().

+1

More articles:


All Articles