【7】了解Bootstrap栅格系统基础案例（2）_html/css_WEB-ITnose

ps.这一次要说的是“ Responsive column resets ”，但是不知道为什么中文官网没有给出翻译，但是在看到案例的时候，感觉这就像一个bug，我自己姑且叫这个是一个高度bug吧，方便自己，要是大家有其他好的说法，请告诉我。

=================================================================================================

Responsive column resets就是在某些阈值时，某些列可能会出现比别的列高的情况。这个情况可能不是你所要的，建议使用.clearfix（清理浮动）和响应式工具classe的组合，

清理浮动就不说了，有一定基础的都应该清楚了，至于响应式工具classe以后会说到（可以去中文官网看看），这里就是让大家知道有这么一个高度bug的情况。

=================================================================================================

直接贴代码

                                 Bootstrap-Template-04                                                       .show-grid { margin-top: 15px; }.show-grid [class^="col-"] {  padding-top: 10px;  padding-bottom: 10px;  background-color: #eee;  border: 1px solid #ddd;}       
Responsive column resets 我自己叫这个是高度bug 
  
.col-xs-6 .col-sm-3
内容要多多---内容要多多---内容要多多---内容要多多---内容要多多---内容要多多

      
查看更多关于【7】了解Bootstrap栅格系统基础案例（2）_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did105027