BS5 Grid Cheat Sheet

Quick reference for Bootstrap 5 grid system including containers, rows, columns, breakpoints, and layout patterns.

On this page

Grid structure

.container
  .row
    .col

container
container-fluid
container-sm
container-md
container-lg
container-xl
container-xxl

col
col-1 to col-12
col-sm-*
col-md-*
col-lg-*
col-xl-*
col-xxl-*

g-0 to g-5
gx-*
gy-*

justify-content-*
align-items-*
align-self-*

order-0 to order-5
order-first
order-last

col-12 col-md-6
col-12 col-lg-3
row g-3
h-100

Total column widths in a row must not exceed 12.