12 栏栅格

新版本1.4.2发布了。第一次升级到 1.4.x 版本请注意在1.4.0版本的重大变动，具体请阅读更新日志。

响应式的12栏栅格系统，兼容三种主流屏幕尺寸 1024,1280/1366以及1440。实际上用户屏幕宽度在1024px以上的情况下会自动选择一个最佳的栅格宽度。
如果想关闭响应式布局，只需要删除 sui-responsive.less文件即可。

1. 默认栅格系统

1

1

1

1

1

1

1

1

1

2

2

3

4

4

2

6

默认栅格系统每一栏是定宽的，并且宽度可以根据屏幕宽度在几个固定值之间变化，区别于流式栅格系统的百分比宽度。

2. 流式栅格系统

1

1

1

1

1

1

1

1

1

2

2

3

4

4

2

6

流式栅格系统每一栏的宽度都是其容器的百分比，因此会随着屏幕宽度的变化而不断变化，没有一个固定的宽度像素值。