栅格系统的问题，求解？？？
来源：3-2 响应式布局之Bootstrap CSS和组件介绍
qq_大约在冬天_0
2016-03-29 17:11
<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或者其它数哪？
写回答
关注
2回答
-
- 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
认识响应式布局
使用Bootstrap前端框架，本教程让网站兼容不同终端不再是梦
132112 学习 · 278 问题
相似问题