问答详情
源自:4-3 基本用法

慕课网的这个页面授课系统有bug吧?

一列占四个单位,一列占八个单位;然后设备检测是xs,就是说:只要设备大小>xs,就会按照我布局的这样显示:一个row内按照4+8排出两列布局;但是当设备大小<xs的时候不管我怎么设置的布局每一个row都会成一列布局了,可是,请见图2

(图一 代码图 :设备阈值xs,一个row里放了两个col,一个col占4个,一个col占8个)

566a8da0000114c603230100.jpg

(图二 当设备大小已经<xs,还尼玛给我显示两列布局,就是那两个col,我已经把窗口放缩的非常非常非常小了,连.col-md-4这样一行数字都放不下了,布局也没从两列变一列)

http://img.mukewang.com/566a8f440001bbde02680150.jpg

所以是怎么回事,是不是imooc的这套教学系统有bug?不然它为什么不变?


提问者:proto 2015-12-11 16:56

个回答

  • 宇宙无敌626
    2015-12-11 18:53:45
    已采纳

    你理解错了,col-xs-* 意思是即使大小 < xs,也显示在一行,所以col-xs-4和col-xs-8在任何设备中都是显示在一行的.

    参考栅格系统

  • echo_kinchao
    2015-12-14 17:30:36

    这个是不同的分辨率下使用的结果