The Row for columns and column components combine to provide a very flexible system for creating one-off column based layouts and grids.
Key information about these components:
Row for columns component
Layout canvas elements
- Full width container element - Provides a fluid width container for full width page section with a background color or background image.
- Boxed width inner container - Provides a container that can be set to boxed width to contain the content within a page section to the responsive grid's width.
- Row for columns element - Required for the columns.
- Width of content area - Sets a maximum width to the content area. Boxed width restrains the content to a maximum set width. Full width allows the content to expand to fill the width available.
- Column alignment - If the columns' combined width is set to less than full width, they can be aligned horizontally to the left, center, right, or distributed evenly.
- Space between columns - Sets the columns to have a space (gutter) between them or no space between them.
- Padding top and bottom - Sets a space above or below the content within the layout. This setting is needed when the layout is used at the top level as a section. It should be set to None if nesting this layout within another layout