Containers
Full 100% - 2 x 12px side padding
.alignfull · 100% wide, 12px side padding
Default 1320px + 2 x 12px side padding
.container · 1320px plus 12px side padding
Wide 1320px
.container-wide · 1320px, Figma size/container/wide
Wide content 872px
.container-narrow-wide · 872px, Figma size/container/wide-content, 8 grid columns
Content 680px
.container-narrow · 680px, Figma size/container/content
Grid
.row · 12 columns, 24px gutter, breakpoints sm md lg xl xxl
12/12
.col-12
11/12
.col-11
10/12
.col-10
9/12
.col-9
8/12
.col-8
7/12
.col-7
6/12
.col-6
5/12
.col-5
4/12
.col-4
3/12
.col-3
2/12
.col-2
1/12
.col-1
Spacers
Spacer 9
.pe-9 · 128px, the spacer map key is 9
Spacer 8
.pe-8 · 96px, the spacer map key is 8
Spacer 7
.pe-7 · 64px, the spacer map key is 7
Spacer 6
.pe-6 · 48px, the spacer map key is 6
Spacer 5
.pe-5 · 32px, the spacer map key is 5
Spacer 4
.pe-4 · 24px, the spacer map key is 4
Spacer 3
.pe-3 · 16px, the spacer map key is 3
Spacer 2
.pe-2 · 8px, the spacer map key is 2
Spacer 1
.pe-1 · 4px, the spacer map key is 1
Radius and lines
Radius
The utilities come from Bootstrap's own scale, so the class names are numeric; the names in the brackets are the ones Figma uses.
.rounded-0 · none, 0
.rounded-2 · sm, 6px
.rounded-3 · lg, 8px
.rounded-4 · xl, 16px
.rounded-5 · 2xl, 32px
.rounded-pill · pill, 99rem
.rounded-circle · 50%
Lines
.border-1 · 1px, thin separators
.border .border-2 · 2px, the default stroke
.border-3 · 3px