浮動項目

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