You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.8 KiB
1.8 KiB
API
Row
| Property | Description | Type | Default |
|---|---|---|---|
| align | the vertical alignment of the flex layout: top middle bottom |
string | top |
| gutter | spacing between grids, could be a number or a object like { xs: 8, sm: 16, md: 24} |
number/object | 0 |
| justify | horizontal arrangement of the flex layout: start end center space-around space-between |
string | start |
| type | layout mode, optional flex, browser support |
string |
Col
| Property | Description | Type | Default |
|---|---|---|---|
| offset | the number of cells to offset Col from the left | number | 0 |
| order | raster order, used in flex layout mode |
number | 0 |
| pull | the number of cells that raster is moved to the left | number | 0 |
| push | the number of cells that raster is moved to the right | number | 0 |
| span | raster number of cells to occupy, 0 corresponds to display: none |
number | none |
| xs | <576px and also default setting, could be a span value or an object containing above props |
number|object | - |
| sm | ≥576px, could be a span value or an object containing above props |
number|object | - |
| md | ≥768px, could be a span value or an object containing above props |
number|object | - |
| lg | ≥992px, could be a span value or an object containing above props |
number|object | - |
| xl | ≥1200px, could be a span value or an object containing above props |
number|object | - |
| xxl | ≥1600px, could be a span value or an object containing above props |
number|object | - |
The breakpoints of responsive grid follow BootStrap 4 media queries rules(not including occasionally part).