Understanding advanced page layouts

To begin, first log in to webOS.

You are able to create different column layouts using the Insert Boostrap Template button. This allows you to insert a predefined template. This template is responsive and allows you to add media or text side-by-side by inserting invisible columns/rows.

To understand how the layout works, it's based on a twelve column system.
*We recommend using only the "SM" (this determines the spacing between each column).*

2 Column Layout (same size columns)
For reference, this 6/6 layout means there are 2 columns of equal size.

3 Column Layout (same size columns)
Here we have a 4/4/4 layout, which means it is a 3 colum layout of the equal size.

3 Column Layout (different size columns)
If you want different sized columns, try the 9/3 or 3/9 layout.