四层的网格你肯定会遇到问题,可用在特定的断点,你的列不清楚作为一个比另一个高完全正确。为了解决这个问题,结合使用.clearfix和响应的实用工具类。

     
  
      
       .col-xs-6 .col-sm-3
      
  
      
       .col-xs-6 .col-sm-3
      
  
        
      
  
      
       .col-xs-6 .col-sm-3
      
  
      
       .col-xs-6 .col-sm-3
      
     

除了列清算在响应断点,你可能需要重置补偿,推或拉。看到这个动作的网格的例子。

     
  
      
       .col-sm-5 .col-md-6
      
  
      
       .col-sm-5 .col-sm-offset-2 .col-md-6 .col-md-offset-0
      
     
     
  
      
       .col-sm-6 .col-md-5 .col-lg-6
      
  
      
       .col-sm-6 .col-md-5 .col-md-offset-2 .col-lg-6 .col-lg-offset-0
      
     

推荐一个不错的深入理解文章

---

—–下面有个“顶”字，你懂得O(∩_∩)O哈哈~

—–乐于分享，共同进步！

—–更多文章请看：

---