Bootstrap Utility Osztályok

A Bootstrap leggyakrabban használt segédosztályainak bemutatása

Spacing (Térköz) Osztályok

Margin példák

m-2
mt-3
mb-4
ms-auto

Padding példák

p-2
px-4
py-3
p-4

Színek és Háttér

Szövegszínek

text-primary

text-secondary

text-success

text-danger

text-warning

text-info

text-dark

text-light

Háttérszínek

.bg-primary
.bg-secondary
.bg-success
.bg-danger
.bg-warning
.bg-info
.bg-light
.bg-dark

Flexbox Utilities

Flex Irányok

Item 1
Item 2
Item 3
Item 1
Item 2
Item 3

Flex Igazítások

Start
Center
End
Középre igazítva

Pozícionálás és Display

Position Utilities

Top-Start
Top-End
Bottom-Start
Bottom-End
Center

Display Utilities

d-inline
d-inline
d-block
d-none d-md-block

Border és Shadow

Border Utilities

border
border-top
border-end
border-bottom
border-start
border-primary
rounded
rounded-circle

Shadow Utilities

shadow-sm
shadow
shadow-lg

Szöveg Formázás

Szöveg igazítás

Text start

Text center

Text end

Szöveg transzformáció

LOWERCASE TEXT

uppercase text

capitalized text

Font tulajdonságok

Bold text

Normal weight text

Light text

Italic text

Méret és Arány

Width és Height

Width 25%
Width 50%
Width 75%
Width 100%

Ratio osztályok

16:9 Ratio
1:1 Ratio