慕課網(wǎng)的這個頁面授課系統(tǒng)有bug吧?
一列占四個單位,一列占八個單位;然后設(shè)備檢測是xs,就是說:只要設(shè)備大小>xs,就會按照我布局的這樣顯示:一個row內(nèi)按照4+8排出兩列布局;但是當(dāng)設(shè)備大小<xs的時候不管我怎么設(shè)置的布局每一個row都會成一列布局了,可是,請見圖2
(圖一 代碼圖 :設(shè)備閾值xs,一個row里放了兩個col,一個col占4個,一個col占8個)
(圖二 當(dāng)設(shè)備大小已經(jīng)<xs,還尼瑪給我顯示兩列布局,就是那兩個col,我已經(jīng)把窗口放縮的非常非常非常小了,連.col-md-4這樣一行數(shù)字都放不下了,布局也沒從兩列變一列)
所以是怎么回事,是不是imooc的這套教學(xué)系統(tǒng)有bug?不然它為什么不變?
2015-12-11
你理解錯了,col-xs-* 意思是即使大小 < xs,也顯示在一行,所以col-xs-4和col-xs-8在任何設(shè)備中都是顯示在一行的.
參考柵格系統(tǒng)
2015-12-14
這個是不同的分辨率下使用的結(jié)果