Page layouts contain at least one column. Each column holds at least one widget.
A column is a chunk of the page that will be handled as a unit (it’s not strictly a vertical column like a newspaper page). You can have one column on a page, or columns can be on top of each other or beside each other. They can also be reordered on the page.
Each column can be up to 12 column units wide, which is the full width of a page. Multiple columns on a page can be next to each other, as long as their combined width does not exceed 12 column units.*
Each column can contain one or more pieces of content. You can move content from one column to another—it’s very flexible.
If you want two different content blocks to be next to each other, then they must be in separate columns.
*Column units do not have a defined width, but are just ways to divide up the page no matter what size window in which it’s being viewed.
A widget is a tool that displays content. It can also display a collection, a photo gallery, or a news and events feed. Widgets within the same column will always stack on top of each other.
Each widget holds a single content block, or a single collection.
Widgets, with their content, can be moved to any position within the same column, or to another column.