列中的浮动项（bootstrap3）

Question

我试图将此设计转换为css：

<div class="col-md-4">
    <article class="features">
        <div class="features-icon">        
            <i class="fa fa-leaf"></i>
        </div>
        <div class="features-content">
           <h3>Branding</h3>
           <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore</p>
        </div>
    </article>
</div>

当我只是浮动图标时，文本占据图标下方的空间。 当我浮动图标和内容时，它们只是叠加在一起。

Answer 1

使用bootstrap3中的mediaobject组件： http://getbootstrap.com/components/#media