The following grid has equal width columns.
The following grid has a wider center column on each row.
The following grid has columns that take up the width of their content.
The following grid has columns that are offset on each row.
The following grid has columns that are reordered using push and pull.
The following grid adds custom widths for all screen sizes.
The following grid will take up 12 columns until the sm breakpoint (576px) at which point it will take equal width.
The following grid will take up 12 columns until the md breakpoint (768px) at which point it will take equal width.
The following grid will take up 12 columns until the lg breakpoint (992px) at which point it will change to take up 6 and 3 columns.
The following grid has columns that align themselves vertically inside of the row based on the attribute.
The following grid has columns that align themselves horizontally inside of the row based on the attribute.
The following grid has no padding.
The following grid reverses the order of the columns when wrapping on small screens.
The following grid has columns that will change width based on the screen size.
If window size > 0 it will take up 12 columns / 100% width.
If window size > 768px it will take up 4 columns / 33% width.
If window size > 992px it the middle column will take up 6 columns / 50% width, other two will take up 3 columns / 25% width.