Inner Structure

Inner Structure containers within the BootstrapUI rendering framework are designed to organize and structure content within the page layout, header, or footer of the page.

In Twitter Bootstrap, these renderings constitute a row - based on the grid structure that is selected for the project.  This is determined by the CSS mix-ins you utilize.  

The exception is the variable width column renderings. These renderings to not actually create a bootstrap row.

In order to make these renderings flexible to adapt to any grid structure, these renderings do not use the standard Bootstrap row and column syntax, rather  mix-ins compiled into the CSS are used to determine how each rendering maps to the grid structure for a specific tenant website using SCORE.

Inner structure renderings utilize a placeholder key strategy that is positional.  Key values used are values such as left, right, center, and center2.  This strategy is deployed throughout this set of renderings to assist in rendering compatibility and transformations.

1 column renderings

2 column renderings

3 column renderings

4 column renderings