Example of 2/3 + 1/3 layout
[two-thirds]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt nunc a magna elementum dictum. Integer convallis iaculis nibh, id consectetur tortor egestas sed. Sed elementum sem vitae erat iaculis eu dapibus mauris iaculis. Suspendisse id fermentum odio. Vestibulum consectetur congue sem, vehicula ornare leo tincidunt congue.[/two-thirds] [third]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/third] [toggle title="Get the code"]
[code]
[two-thirds]2/3 column content[/two-thirds] [third]1/3 column content[/third]
[/code]
[/toggle] [divider]
Example of 1/4 + 3/4 layout
[fourth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fourth] [three-fourths]Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat. Donec bibendum turpis vitae metus iaculis ullamcorper. Morbi rhoncus, dui eu mollis iaculis, quam tellus iaculis elit, vitae faucibus massa est quis magna. Aliquam et posuere nibh. Vivamus ac arcu ut sem rhoncus scelerisque id id risus. Nunc ac ligula nisi, vitae faucibus nunc.[/three-fourths] [toggle title="Get the code"]
[code]
[fourth]1/4 column content[/fourth] [three-fourths]3/4 column content[/three-fourths]
[/code]
[/toggle] [divider]
Example of 1/2 + 1/2 layout
[half]Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed sem risus, egestas ut tincidunt et, iaculis vel augue. Sed in magna elit. Praesent vitae sem sit amet orci fermentum rutrum id sed massa. Aliquam quam tellus.[/half] [half]Molestie molestie elementum at, lacinia id metus. Nulla dignissim quam velit. Duis pretium iaculis magna id convallis. Etiam rutrum, quam id gravida egestas, ligula dui vestibulum mauris, in auctor massa mauris a arcu. Sed pretium, dolor eu tristique.[/half] [toggle title="Get the code"]
[code]
[half]1st half[/half]
[half]2nd half[/half]
[/code]
[/toggle] [divider]
Example of 1/3 + 1/3 + 1/3 layout
[third]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/third]
[third]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/third]
[third]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/third] [toggle title="Get the code"]
[code]
[third]1/3 column content[/third]
[third]1/3 column content[/third]
[third]1/3 column content[/third]
[/code]
[/toggle] [divider]
Example of 1/4 + 1/4 + 1/4 + 1/4 layout
[fourth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fourth]
[fourth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fourth]
[fourth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fourth]
[fourth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fourth] [toggle title="Get the code"]
[code]
[fourth]1/4 column content[/fourth]
[fourth]1/4 column content[/fourth]
[fourth]1/4 column content[/fourth]
[fourth]1/4 column content[/fourth]
[/code]
[/toggle] [divider]
Example of 1/5 + 1/5 + 1/5 + 1/5 + 1/5 layout
[fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [toggle title="Get the code"]
[code]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[/code]
[/toggle] [divider]
Example of 1/5 + 4/5 layout
[fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [four-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/four-fifths] [toggle title="Get the code"]
[code]
[fifth]1/5 column content[/fifth]
[four-fifths]4/5 column content[/four-fifths]
[/code]
[/toggle] [divider]
Example of 1/5 + 1/5 + 3/5 layout
[fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [three-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/three-fifths] [toggle title="Get the code"]
[code]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[three-fifths]3/5 column content[/three-fifths]
[/code]
[/toggle] [divider]
Example of 1/5 + 1/5 + 1/5 + 2/5 layout
[fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [two-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/two-fifths] [toggle title="Get the code"]
[code]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[fifth]1/5 column content[/fifth]
[two-fifths]2/5 column content[/two-fifths]
[/code]
[/toggle] [divider]
Example of 1/5 + 2/5 + 2/5 layout
[fifth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/fifth] [two-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/two-fifths] [two-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/two-fifths] [toggle title="Get the code"]
[code]
[fifth]1/5 column content[/fifth]
[two-fifths]2/5 column content[/two-fifths]
[two-fifths]2/5 column content[/two-fifths]
[/code]
[/toggle] [divider]
Example of 2/5 + 3/5 layout
[two-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/two-fifths] [three-fifths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/three-fifths] [toggle title="Get the code"]
[code]
[two-fifths]2/5 content example[/two-fifths] [three-fifths]3/5 content example[/three-fifths]
[/code]
[/toggle] [divider]
Example of 1/6 + 1/6 + 1/6 + 1/6 + 1/6 + 1/6 layout
[sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth]
[toggle title="Get the code"]
[code]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[/code]
[/toggle] [divider]
Example of 1/6 + 1/6 + 1/6 + 1/6 + 2/6 layout
[sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [third]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at.[/third] [toggle title="Get the code"]
[code]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[third]1/3 column content[/third]
[/code]
[/toggle] [divider]
Example of 1/6 + 1/6 + 1/6 + 3/6 layout
[sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [half]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/half] [toggle title="Get the code"]
[code]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[sixth]1/6 column content[/sixth]
[half]1/2 column content[/half]
[/code]
[/toggle] [divider]
Example of 1/6 + 1/6 + 4/6
[sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [two-thirds]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/two-thirds] [toggle title="Get the code"]
[code]
[sixth]1/6 column content[/sixth]
[two-thirds]2/3 column content[/two-thirds]
[/code]
[/toggle] [divider]
Example of 1/6 + 5/6
[sixth]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est.[/sixth] [five-sixths]Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Curabitur nisi mauris, ultrices ut auctor at, vehicula et leo. Vivamus nec adipiscing nibh. Praesent enim est. Vivamus nec adipiscing nibh. Praesent enim est. Vivamus nec adipiscing nibh. Praesent enim est. Vivamus nec adipiscing nibh. Praesent enim est.[/five-sixths] [toggle title="Get the code"]
[code]
[sixth]1/6 column content[/sixth]
[five-sixths]5/6 column content[/five-sixths]
[/code]
[/toggle] [divider]