# Col configuration
TIP
All components support layout configuration rules. For details, please refer to
# Configuration rules
You can set layout rules through col configuration items
| 成员 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| offset | The number of spaces on the left side of the grid. There can be no grids in the space | number | 0 |
| order | Grid order, effective in 'flex' layout mode | number | 0 |
| pull | The number of cells the grid moves to the left | number | 0 |
| push | The number of cells the grid moves to the right | number | 0 |
| span | If the number of occupied cells is 0, it is equivalent to display: none ' | number | - |
| xs | <576px Responsive grid, which can be the number of grids or an object with other attributes | number|object | - |
| sm | ≥576px Responsive grid, which can be the number of grids or an object with other attributes | number|object | - |
| md | ≥768px Responsive grid, which can be the number of grids or an object with other attributes | number|object | - |
| lg | ≥992px Responsive grid, which can be the number of grids or an object with other attributes | number|object | - |
| xl | ≥1200px Responsive grid, which can be the number of grids or an object with other attributes | number|object | - |
| xxl | ≥1600px Responsive grid, which can be the number of grids or an object with other attributes | number|object | - |
← Global config Maker →