注意:下述演示中的顏色只是做一個區分作用,并非柵格內置。
                    始終等比例水平排列
                    6/12
                    6/12
                    3/12
                    3/12
                    3/12
                    3/12
                    移動設備、桌面端的組合響應式展現
                    移動:12/12、桌面:8/12
                    移動:6/12、桌面:4/12
                    移動:6/12、桌面:12/12
                    移動設備、平板、桌面端的復雜組合響應式展現
                    移動:6/12 | 平板:6/12 | 桌面:4/12
                    移動:6/12 | 平板:6/12 | 桌面:4/12
                    移動:4/12 | 平板:12/12 | 桌面:4/12
                    移動:4/12 | 平板:7/12 | 桌面:8/12
                    移動:4/12 | 平板:5/12 | 桌面:4/12
                    常規布局:從小屏幕堆疊到桌面水平排列
                    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列
                    柵格嵌套
                    內部列
                    內部列
                    內部列
                    內部列
                    內部列
                    內部列
                    流體容器(寬度自適應,不固定)
                    25%
                    25%
                    25%
                    25%
                    亚洲图色