Layouts/Section

The section is a page-level structure container used to divide a page into stacked sections with appropriate padding applied. These should be used to separate large groups of content on a page. You will generally use a section inside a page container which will give you the appropriate side margins. Since a section is full-width by default it can be used as a well with background colors or images.

Shows an example with the grid span helper class. This is most appropriate when displaying a collection of content in a linear order.

Shows an alternate layout option using columns. This may be more appropriate depending on the need to maintain source order and structure.

Header and title elements are available when necessary to label content groups.