Flexible columns

[column size=”1-2″]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/column]
[column size=”1-2″ last=”1″]

1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.[/column]
[column size=”1-3″]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/column]
[column size=”1-3″]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/column]
[column size=”1-3″ last=”1″]

1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/column]
[column size=”1-4″]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. [/column]
[column size=”1-4″]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. [/column]
[column size=”1-4″]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos. [/column]
[column size=”1-4″ last=”1″]

1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos.[/column]
[column size=”1-5″]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit class aptent.[/column]
[column size=”1-5″]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit class aptent. [/column]
[column size=”1-5″]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit class aptent.[/column]
[column size=”1-5″]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit class aptent.[/column]
[column size=”1-5″ last=”1″]

1/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit class aptent.[/column]
[column size=”1-6″]

1/6

Lorem ipsum sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare.[/column]
[column size=”1-6″]

1/6

Lorem ipsum sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare.[/column]
[column size=”1-6″]

1/6

Lorem ipsum sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare.[/column]
[column size=”1-6″]

1/6

Lorem ipsum sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare.[/column]
[column size=”1-6″]

1/6

Lorem ipsum sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare.[/column]
[column size=”1-6″ last=”1″]

1/6

Lorem ipsum sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare.[/column]

More variations possible. Just some examples.

[column size=”5-6″]

5/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/column]
[column size=”1-6″ last=”1″]

1/6

Lorem ipsum dolor sit amet, consectetur. [/column]
[column size=”2-5″]

2/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/column]
[column size=”3-5″ last=”1″]

3/5

Lorem ipsum dolor sit amet, consectetur.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi pulvinar, dolor in ornare condimentum, ligula ante sodales quam, id semper arcu arcu id felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. [/column]
[spoiler title=”Get the code”]

[[column size="1-2"] Content [/column]] 
[[column size="1-2" last="1"] Content [/column]]

[[column size="1-3"] Content [/column]]
[[column size="1-3"] Content [/column]]
[[column size="1-3" last="1"] Content [/column]]

[[column size="1-4"] Content [/column]]
[[column size="1-4"] Content [/column]]
[[column size="1-4"] Content [/column]]
[[column size="1-4" last="1"] Content [/column]]

[[column size="1-5"] Content [/column]]
[[column size="1-5"] Content [/column]]
[[column size="1-5"] Content [/column]]
[[column size="1-5"] Content [/column]]
[[column size="1-5" last="1"] Content [/column]]

[[column size="1-6"] Content [/column]]
[[column size="1-6"] Content [/column]]
[[column size="1-6"] Content [/column]]
[[column size="1-6"] Content [/column]]
[[column size="1-6"] Content [/column]]
[[column size="1-6" last="1"] Content [/column]]

[[column size="5-6"] Content [/column]]
[[column size="1-6" last="1"] Content [/column]]

[[column size="2-5"] Content [/column]]
[[column size="3-5" last="1"] Content [/column]]

[/spoiler]

Leave a Comment

Your email address will not be published. Required fields are marked *