问答详情
源自:3-2 响应式布局之Bootstrap CSS和组件介绍

栅格系统的问题,求解???

<div class="row">   
    <div class="col-xs-12 col-md-8">.col-xs-12 .col-md-8</div>  
    <div class="col-xs-6 col-md-4">.col-xs-6 .col-md-4</div> 
</div>

不是说列数不能超过12么,为什么col-xs-12和col-xs-6都超过了,还有col-md-8能不能跟col-xs-6或者其它数哪?



提问者:qq_大约在冬天_0 2016-03-29 17:11

个回答

  • qq_旗号
    2016-03-31 15:28:00
    已采纳

    xs:当设备宽度<768px时,md:当设备宽度≥992px时;

    你举得例子是当设备宽度≥992px时正好占一行(12列),而当设备宽度<768px时列数占一行半(另起一行)

  • 学习与创造
    2016-03-31 15:18:26

    4和 8是12列,没超过。至于前面的应该是讲的比例吧:如col-xs-12 :col-md-8——3:2,col-xs-6 col-md-4——对应比例也是3:2