twitter bootstrap塊顯示

Question

我使用twitter bootstrap爲我的網站mywebsite。
我使用col-md-3創建了四個類別塊。當一個塊比另一個塊高時，其他塊不能正確顯示。這裏是我的代碼：塊

<div class="row"> 
      {% for category in categoriesActivities %} 
       <div class="col-md-3 col-sm-6"> 
        <ul class="classifieds-category"> 
         <li><a href="#"><i class="fa fa-bullhorn"></i>{{ category.name }}</a> 
          <ul class="sub-category"> 
           {% for activity in category.activities %} 
            <li> 
             <a href="{{ path('front_activity_details', { 'id': activity.id }) }}">{{ activity.principal }}</a> 
            </li>  
           {% endfor %} 
          </ul> 
         </li> 
        </ul> 
       </div><!-- End grid layout --> 
      {% endfor %} 
     </div> <!-- End .row --> 

圖片：
我怎樣才能解決這個問題？

Answer 1

你需要添加

<div class="clearfix"></div> 

的Informatiqe DIV之後。 清除顏色浮點數。