Foundations · layout
Grid system
12-column responsive grid loaded from assets/css/bootstrap-grid.min.css. Variables (--bs-gutter-x, --bs-breakpoint-*) are overridden in variables.css so the grid speaks the same spacing scale as the rest of the system. No other Bootstrap subsystem is loaded.
Bootstrap 5.3 · grid only
Twelve-column layout
Use .container, .row, and .col-* for predictable column layouts. Widths must always sum to 12.
Twelve-column ruler
1
2
3
4
5
6
7
8
9
10
11
12
Common splits
.col-6
.col-6
.col-4
.col-4
.col-4
.col-3
.col-3
.col-3
.col-3
.col-8 · main column
.col-4 · sidebar
Responsive — stacks below md, two-up at md, four-up at lg
A
B
C
D