Farbnamen

primary · secondary · success · danger · warning · info · light · dark

Farben

text-{farbe} · bg-{farbe} · text-bg-{farbe} · bg-{farbe}-subtle · text-{farbe}-emphasis · bg-opacity-{10|25|50|75}

Abstände

{m|p}{t|b|s|e|x|y}-{0…5|auto} · gap-{0…5}

Schrift

display-{1…6} · fs-{1…6} · h1…h6 · lead · fw-{bold|semibold|light} · fst-italic · text-{start|center|end} · text-uppercase · text-decoration-line-through

Rahmen

border · border-{top|bottom|start|end} · border-{farbe} · border-{1…5} · rounded · rounded-{0…5} · rounded-pill · rounded-circle · shadow-sm · shadow · shadow-lg

Grid

row · col · col-{1…12} · col-auto · offset-{1…11} · g-{0…5} · row-cols-{1…6}

Flexbox & Größe

d-flex · flex-column · justify-content-{start|center|end|between|around} · align-items-{start|center|end} · ms-auto · flex-grow-1 · w-{25|50|75|100} · h-100 · d-none · d-inline-block

Buttons

btn btn-{farbe} · btn-outline-{farbe} · btn-link · btn-lg · btn-sm · btn-group · disabled (Attribut)

Cards

card · card-header · card-body · card-title · card-subtitle · card-text · card-footer

Alerts, Badges, Listen

alert alert-{farbe} · alert-heading · alert-link · badge text-bg-{farbe} · list-group · list-group-item · active · list-group-item-{farbe}

Tabellen & Formulare

table · table-striped · table-bordered · table-sm · table-dark · table-{farbe} · form-label · form-control · form-control-lg · form-select · form-check · form-check-input · form-check-label