注意：下述演示中的顏色只是做一個(gè)區(qū)分作用，并非柵格內(nèi)置。
始終等比例水平排列
6/12
6/12
3/12
3/12
3/12
3/12
移動(dòng)設(shè)備、桌面端的組合響應(yīng)式展現(xiàn)
移動(dòng)：12/12、桌面：8/12
移動(dòng)：6/12、桌面：4/12
移動(dòng)：6/12、桌面：12/12
移動(dòng)設(shè)備、平板、桌面端的復(fù)雜組合響應(yīng)式展現(xiàn)
移動(dòng)：6/12 | 平板：6/12 | 桌面：4/12
移動(dòng)：6/12 | 平板：6/12 | 桌面：4/12
移動(dòng)：4/12 | 平板：12/12 | 桌面：4/12
移動(dòng)：4/12 | 平板：7/12 | 桌面：8/12
移動(dòng)：4/12 | 平板：5/12 | 桌面：4/12
常規(guī)布局：從小屏幕堆疊到桌面水平排列
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
1/12
75%
25%
33.33%
33.33%
33.33%
50%
50%
列間隔
1/4
1/4
1/4
1/4
1/3
1/3
1/3
9/12
3/12
7/12
5/12
7/12
5/12
列偏移
4/12
偏移4列
偏移5列
不偏移
偏移3列
偏移1列
柵格嵌套
內(nèi)部列
內(nèi)部列
內(nèi)部列
內(nèi)部列
內(nèi)部列
內(nèi)部列
流體容器（寬度自適應(yīng)，不固定）
25%
25%
25%
25%
更多我們未能呈現(xiàn)的示例，還有待您在閱讀文檔、以及不斷使用的過程，去深入挖掘。

相關(guān)
柵格布局文檔