图标和文字对齐方式

时间:2013-12-11 16:25:44

标签: css twitter-bootstrap-3

如何使用bootstrap 3实现此目的?目前该段落在图标下方。这就是我到目前为止所做的:

<div class="what-you-get">
    <span class="icon-stack icon-2x left">
                      <i class="icon-circle icon-stack-base bg-green"></i>
                      <i class="icon-flag icon-light"></i>
                    </span>
    <h4 class="left">The Problem</h4>
    <p class="left">
        Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy
    </p>
</div>

我正在使用bootstrap 2.3.2样式。 http://jsbin.com/OjoYIMIM/1/edit?html,output

我无法发布图片: - (

1 个答案:

答案 0 :(得分:0)

解决:http://jsbin.com/OjoYIMIM/1/edit?html,css,output

[class^="icon-"], [class*=" icon-"] { vertical-align: baseline }