Templates

Layout Widgets

Container

Just fills space, no margin, no padding, no auto centering

Full-Width

Extends to the entire width of the browser window

Extra Wide Container

Extends to 1600px. Container will auto center.

Bootstrap Container

Usually placed inside Full Width. Auto centers. Has padding

Step Section

Used on How To Articles, Nav is generated automatically based off label

Nav Section

Used by Section Nav Module, Nav title is generated based off of label.

Nav Panel

Used for centering navigation panels in the main nav.

Sidebar

Left Side Extends out edge of browser. Content on right.

Grid 4-8

4 Columns Left, 8 Columns Right

Grid 8-4

8 Columns Left, 4 Columns Right

Grid 3-9

3 Columns Left, 9 Columns Right

Grid 9-3

9 Columns Left, 3 Columns Right

Grid 5-7

5 Columns Left, 7 Columns Right

Grid 7-5

7 Columns Left, 5 Columns Right

Grid 6-6

6 Columns Left, 6 Columns Right

Flex 2-up

Flexbox 2 columns side by side

Flex 3-up

Flexbox 3 columns side by side

Flex 4-up

Flexbox 4 columns side by side

Flex 5-up

Flexbox 5 columns side by side

Step 2 image

Designed for images only. Images will fill space completely. Good for 2 side by side images.

Step 3 image

Designed for images only. Images will fill space completely. Good for 3 side by side images.

Step 4 image

Designed for images only. Images will fill space completely. Good for 4 side by side images.