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 |