Bootstrap Containers and Grids

Containers are the most basic layout element in Bootstrap and are required when using Bootstrap's default grid system. Containers are used to contain, pad, and (sometimes) center the content within them. While containers can be nested, most layouts do not require a nested container.

In Webflow, we use a grid system of columns to layout and align content - similar to that of Bootstrap v5.0. In Bootstrap, the grid system places individual row and column divs inside a container. In Webflow, the container itself is set to display as a grid, and contains no individual row or column divs.

Like Bootstrap grids, our grids (containers) each have 12 columns and a gutter (gap) width of 1.5rem. Content placed within the container may expand across multiple columns.