Layout 栅格布局

12 栅格系统,布局时基于行 row 和列 col 来定义信息区块的外部框架,具体使用方法如下:

  • 使用 row 在水平方向创建一行
  • 将一组 col 插入在 row
  • 在每个 col 中,键入自己的内容
  • 通过设置 colspan 参数,指定跨越的范围,其范围是 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