Bootstrap 5 Essential Training
Ray Villalobos
Containers
<container>
<container-fluid>
<container-{BR}>
BR = sm, md, lg, xl, xxl
Colors
bg-{color}
text-{color}
link-{color}
color = primary, secondary, success, danger, warning, info, light, dark
Padding
p{DIR}-{AMT}
DIR = t, e, b, s, x, y
AMT = 0, 1, 2, 3, 4, 5
Margin
m{DIR}-{AMT}
Display
d-{VAL}
VAL = none, inline, inline-block, block, grid, table, table-cell, table-row, flex, inline-flex
d{-BR}-{VAL}
BR = none, sm, md, lg, xl, xxl
Position
position-{VAL}
VAL = static, relative, absolute, fixed, stick
Border
border{-SID}
SID = top, end, bottom, start