浮动项目

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> 

当我刚刚浮起的图标文本会占用图标下的空间。 当我浮动图标和内容时，他们只是堆叠在一起。从bootstrap3

Answer 1

使用媒体目标组件： http://getbootstrap.com/components/#media