# Grid 栅格

# 引入

improt {gRow,gCol} from 'roxas-ui'

通过基础的 24 分栏，迅速简便地创建布局。

# 基础布局

使用单一分栏创建基础的栅格布局。

通过 row 和 col 组件，并通过 col 组件的 span 属性我们就可以自由地组合布局。

# 分栏布局

分栏之间存在间隔。

Row 组件 提供 gutter 属性来指定每一栏之间的间隔，默认间隔为 0。

# 混合布局

通过基础的 1/24 分栏任意扩展组合形成较为复杂的混合布局。

# 分栏偏移

支持偏移指定的栏数。

通过制定 col 组件的 offset 属性可以指定分栏偏移的栏数。

# 响应式布局

预设了五个响应尺寸：xs、sm、md、lg 和 xl。

# Row Attributes

# Col Attributes