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

如何在引导程序面板的右侧创建图标？

2 个答案: