在 Bootstrap 3 中,我想要一个图标居中在 H6 左侧并带有一些文本。
下面是代码:
下面是代码:
<div class="row">
<div class="col-sm-8">
<div class="pull-left"><i class="fa fa-life-ring fa-3x"></i></div>
<div class="pull-right">
<h6>Unlimited Support</h6>
We're here to help! Just ask away...
</div>
</div>
</div>
目前它的显示效果是这样的(图标在文本上方,而不是在左侧):
如何使其正确地排版?
以下是代码:
<div class="row">
<div class="col-sm-8">
<div class="pull-right">
<h6><i class="fa fa-life-ring fa-3x"></i> Unlimited Support</h6>
We're here to help! Just ask away...
</div>
</div>
</div>
显示效果如下:
但是,我想把图标放在两行文字旁边(让“We're here...”向右移动/不换行)。