Layout 栅格布局
12 栅格系统,布局时基于行 row 和列 col 来定义信息区块的外部框架,具体使用方法如下:
- 使用
row在水平方向创建一行 - 将一组
col插入在row中 - 在每个
col中,键入自己的内容 - 通过设置
col的span参数,指定跨越的范围,其范围是 1 到 12 - 每个
row中的col总和应该为 12
Row props
| 参数 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| prefixCls | string |
自定义类名前缀 | dn-row |
| gutter | number |
栅格间隔 | 0 |
Col props
| 参数 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| prefixCls | string |
自定义类名前缀 | dn-col |
| span | number |
栅格占位格数 | 0 |
| pull | number |
栅格向左移动格数 | 0 |
| push | number |
栅格向右移动格数 | 0 |
| offset | number |
栅格左侧的间隔格数 | 0 |