# Col configuration

TIP

All components support layout configuration rules. For details, please refer to

ElementUI layout Col props (opens new window)

# Configuration rules

You can set layout rules through col configuration items

参数 说明 类型 可选值 默认值
span The number of columns occupied by the grid number 24
offset The number of spaces to the left of the grid number 0
push The number of cells the grid moves to the right number 0
pull The number of cells the grid moves to the left number 0
xs <768px Responsive grid number or grid attribute object number/object (例如: {span: 4, offset: 4})
sm ≥768px Responsive grid number or grid attribute object number/object (例如: {span: 4, offset: 4})
md ≥992px Responsive grid number or grid attribute object number/object (例如: {span: 4, offset: 4})
lg ≥1200px Responsive grid number or grid attribute object number/object (例如: {span: 4, offset: 4})
xl ≥1920px Responsive grid number or grid attribute object number/object (例如: {span: 4, offset: 4})
tag Custom element label string * div