Column Shortcode :
1 2 3 4 5 6 7 8 9 10 |
[container] [row] [column md="4"] ... [/column] [column md="4"] ... [/column] [/row] [/container] |
Parameters
Parameter | Description | Required | Values | Default |
---|---|---|---|---|
xs | Size of column on extra small screens (less than 576px) | optional | 1-12 | false |
sm | Size of column on small screens (greater than 576px) | optional | 1-12 | false |
md | Size of column on medium screens (greater than 720px) | optional | 1-12 | false |
lg | Size of column on large screens (greater than 960px) | optional | 1-12 | false |
xl | Size of column on extra large screens (greater than 1140px) | optional | 1-12 | false |
offset_xs | Offset on extra small screens | optional | 1-12 | false |
offset_sm | Offset on small screens | optional | 1-12 | false |
offset_md | Offset on column on medium screens | optional | 1-12 | false |
offset_lg | Offset on column on large screens | optional | 1-12 | false |
offset_xl | Offset on column on extra large screens | optional | 1-12 | false |
order_xs | Order on extra small screens | optional | 1-12 | false |
order_sm | Order on small screens | optional | 1-12 | false |
order_md | Order on column on medium screens | optional | 1-12 | false |
order_lg | Order on column on large screens | optional | 1-12 | false |
order_xl | Order on column on extra large screens | optional | 1-12 | false |
xclass | Any extra classes you want to add | optional | any text | none |
data | Data attribute and value pairs separated by a comma. Pairs separated by pipe. | optional | any text | none |
Columns example with parameteres :
1 2 3 4 5 6 7 8 9 10 |
[container] [row] [column md="4" xs="6" order-xs="2"] ... [/column] [column md="4" xs="6" order-xs="1"] ... [/column] [/row] [/container] |
Double click on code to see raw and then copy