Grid

Usage

Lets an author set different responsive width options for the columns.

Variants

2 Columns (33%,66%)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2 Columns (66%,33%)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

2 Columns (50%,50%)

3 Columns (33%,33%,33%)

3 Columns (50%,25%,25%)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.

3 Columns (25%,25%,50%)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.

3 Columns (25%,50%,25%)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet.

4 Columns (Equal Width)

5 Columns (Equal Width)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

6 Columns (Equal Width)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Styles

Style: No Gutters

Style: Equal Heights

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Usage

Variants

2 Columns (33%,66%)

2 Columns (66%,33%)

2 Columns (50%,50%)

3 Columns (33%,33%,33%)

3 Columns (50%,25%,25%)

3 Columns (25%,25%,50%)

3 Columns (25%,50%,25%)

4 Columns (Equal Width)

5 Columns (Equal Width)

6 Columns (Equal Width)

Styles

Style: No Gutters

Style: Equal Heights

Style: Container Fluid

Style: Space Between

Style: Inset

Sponsors

Title One

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo suscipit ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Title Two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo suscipit ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Title Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo suscipit ultricies. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Title Four