# Layout 栅格布局 --- ### 基础用法通过基础的 24 分栏，迅速简便地创建布局两个概念，行row和列col，具体使用方法如下 * 使用 ```row```在水平方向创建一行 * 将一组 ```col```插入在 ```row```中 * 在每个 ```col```中，键入自己的内容 * 通过设置 ```col```的 ```span```参数，指定跨越的范围，其范围是1到24 * 每个 ```row```中的 ```col```总和应该为24

2栏布局

3栏布局

4栏布局

4栏布局,左边有偏格

4栏布局

::: demo ```html ``` ::: ### y-row 属性 | 属性 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | gutter | 栅格间距，单位 px，左右平分 | String,Number | --| 0 | ### y-col 属性 | 属性 | 说明 | 类型 | 可选值 | 默认值 | |---------- |-------- |---------- |------------- |-------- | | span | 栅格的占位格数，可选值为0~24的整数 | String,Number | --| 0 | |offset|栅格左侧的间隔格数，可选值为1~24的整数 | String,Number| --|0|