从堆叠到水平排列。

使用单一的一组 GridRow 和 GridCol 栅格组件，就可以创建一个基本的栅格系统，所有列（GridCol）必须放在 GridRow 内。

栅格常常需要和间隔进行配合，你可以使用 Row 的 gutter 属性，我们推荐使用 (16+8n)px 作为栅格间隔(n 是自然数)。

如果要支持响应式，可以写成 { xs: 8, sm: 16, md: 24, lg: 32 }。

如果需要垂直间距，可以写成数组形式 [水平间距, 垂直间距] [16, { xs: 8, sm: 16, md: 24, lg: 32 }]。

列偏移。

使用 offset 可以将列向右侧偏。例如，offset={4} 将元素向右侧偏移了 4 个列（column）的宽度。

列排序。

通过使用 push 和 pull 类就可以很容易的改变列（column）的顺序。

布局基础。

子元素根据不同的值 start,center,end,space-between,space-around，分别定义其在父节点里面的排版方式。

子元素垂直对齐。

通过 order 来改变元素的排序。

GridCol 提供 flex 属性以支持填充。

参照 Bootstrap 的 响应式设计，预设六个响应尺寸：xs sm md lg xl xxl。

span pull push offset order 属性可以通过内嵌到 xs sm md lg xl xxl 属性中来使用。

其中 xs={6} 相当于 xs={{ span: 6 }}。

可以简单配置几种等分栅格和间距。

使用 OnBreakpoint 事件个性化布局。