# The Grid System

Lay out a page in Bootstrap's 12-column grid of containers, rows and columns, and make the layout change at each screen size with breakpoints.

![Cheat sheet: The Grid System](https://fsdtrainingmedia.blob.core.windows.net/public/images/2026/11/3cc9436c30d04dc7b6ba63f544fd1522.webp)

- Category: CSS
- Level: Apprentice
- Tags: Bootstrap Grid, Breakpoint (c-sharp), CSS, html, Mobile-first design, web-development
- Updated: November 3, 2026

Source: https://www.ask-codey.com/cheat-sheets/bootstrap-the-grid-system-cheat-sheet