Use rows to stack content vertically; use the container class inside each row to keep content aligned and responsive.
A row contains a container; the container keeps your content aligned with the site grid while the row can be full-width for backgrounds.
Breakpoints and utilities make it effortless to adapt layouts to any screen size.
Semantic HTML plus small ARIA touches improves the experience for screen readers.
Combine rows and containers to produce both fluid and constrained sections.
This call-to-action sits inside a centered container while the row provides the background.
Text next to an image. Use grid or flex inside the container to create balanced columns.
A responsive grid inside the container.
A compact contact form that's responsive.