Page Layout

Page Layout containers within the BootstrapUI rendering framework are designed to organize and structure content within the page body.

In Twitter Bootstrap, these renderings constitute a container with a single nested row - based on the grid structure that is selected for the project.  This is determined by the CSS mix-ins you utilize.  Since these containers usually impose left and right margins to these structures, a single Wide Screen container is added for content you wish to span the width of the screen.

Page layout renderings utilize a placeholder key strategy that is based on purpose, not positional.  Key values used are values such as Side, Main, Side2 and Main2.  This strategy is deployed throughout this set of renderings to assist in rendering compatibility and transformations.

Unlike Inner Structural renderings, these renderings are not allowed to nest within one another.  Instead, they are usually only allowed to be added to the page.

One Column

Two Column

Three Column

Four Column