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