Columns
- 4 different Breakpoints
- Full Based on Bootstrap Framework
- Extremely Flexible Content Building
- Add Classes, IDs and more individual
Default Columns
12
6
6
4
4
4
3
3
3
3
2
2
2
2
2
2
Mix them like you wish
3
9
2
4
6
4
5
3
6
2
4
10
2
Advanced Example
In this advanced Example the Columns have default Sizes for each Browser Width! On Large Screens there will be 4 Columns, on Medium Screens there will be 2 Columns, on Small Screens there will be only 1 Columns and on Extra Small Screens there will be 2 Columns.
X
X
X
X
Equal Heights
In this advanced Example you can see that all Boxes have the same Size, no matter which height the Content have. This Feature is for a few Elements available like Well's or Iconboxes.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras justo odio, dapibus ac facilisis in, egestas eget quam.
Minimal Shortcode
{row}
{col md="6"}Content{/col}
{col md="6"}Content{/col}
{/row}
Shortcode with some Options
{row}
{col lg="6" md="8" sm="3" xs="10"}Content{/col}
{col lg="6" md="4" sm="9" xs="2"}Content{/col}
{/row}
| Parameter Name | Description | Possible values | Default |
|---|---|---|---|
| xs | Column Count for Browser with Size: 0px - 768px | 1-12 | |
| sm | Column Count for Browser with Size: 768px - 992px | 1-12 | |
| md | Column Count for Browser with Size: 992px - 1.200px | 1-12 | |
| lg | Column Count for Browser with Size: 1.200px and more | 1-12 | |
| margin | Can be added to the {row} to give more or less Space left and right. Example: {row margin="30"} |
0, 10, 30, 50 | |
| class | Add a optional Class to the Shortcode | ||
| id | Add a optional unique ID to the Shortcode | ||
| style | Add optional Style Attributes to the Shortcode |
