💻 Bootstrap by m1lohka

📏 Breakpointok (mérethatárok)

Eszköz	Szélesség (min-width)	Rövidítés
Mobil	0px	–
Kis mobil	576px	sm
Tablet	768px	md
Laptop	992px	lg
Nagy monitor	1200px	xl
Extra nagy	1400px	xxl

📦 Margók és padding (belső/külső térköz)

p = padding (belső térköz)   |   m = margin (külső térköz)

t = top, b = bottom, s = left, e = right, x = bal+jobb, y = fent+lent

Példa class	Jelentés
p-md-1	Tablet mérettől 4px padding
p-md-2	Tablet mérettől 8px padding
m-md-3	Tablet mérettől 16px margin
px-md-4	Tablet mérettől bal+jobb padding: 24px
my-md-5	Tablet mérettől fent+lent margin: 48px

🧱 Elrendezés és megjelenés

Class	Jelentés
d-md-none	Tablet mérettől elrejtve
d-md-block	Tablet mérettől blokk elem
d-md-flex	Tablet mérettől flexbox
text-md-center	Tablet mérettől középre igazított szöveg
w-md-50	Tablet mérettől 50% szélesség

📋 Táblázatok (Tables)

Class	Mit csinál
table	Alap táblázat
table-striped	Csíkozott sorok
table-bordered	Keret minden cellán
table-hover	Egér fölé húzva kiemel
table-dark	Sötét háttér + világos szöveg
table-sm	Kisebb sorok (kompakt)
table-responsive-md	Tablet alatt (768px) görgethető

Példa: <div class="table-responsive-md"><table class="table table-bordered table-striped">...</table></div>

🎨 Színek és gombok

Bootstrap színek minden komponenshez használhatók: gombok, háttér, szöveg, border stb.

Class	Szín típusa	Leírás
text-primary	Kék szöveg	Alap, világos háttérhez
text-secondary	Szürke szöveg	Másodlagos elem
text-success	Zöld szöveg	Siker vagy oké jelzés
text-danger	Piros szöveg	Hiba, veszély
text-warning	Sárga szöveg	Figyelmeztetés
text-info	Világoskék szöveg	Információ
text-light	Világos szöveg	Sötét háttérhez
text-dark	Sötét szöveg	Világos háttérhez
bg-primary	Kék háttér	Alap téma
bg-success	Zöld háttér	Sikeres művelet
bg-danger	Piros háttér	Hiba, veszély
bg-warning	Sárga háttér	Figyelmeztetés
bg-info	Világoskék háttér	Információs blokk
bg-dark	Sötétszürke háttér	Világos szöveghez
bg-light	Világos háttér	Sötét szöveghez
btn-primary	Kék gomb	Fő gomb
btn-secondary	Szürke gomb	Másodlagos
btn-success	Zöld gomb	Sikeres
btn-danger	Piros gomb	Veszélyes művelet
btn-warning	Sárga gomb	Figyelmeztető
btn-info	Világoskék gomb	Információs
btn-light	Világos gomb	Sötét háttérhez
btn-dark	Sötét gomb	Világos háttérhez
btn-outline-primary	Átlátszó, kék keret	Vékony, elegáns stílus

💡 Gyors jegyzetek dogához

• Tablet méret = md → 768px-től
• table-responsive-md → csak 768px alatt görgethető
• p-md-* / m-md-* → tablet mérettől térköz
• text-md-center → középre igazít tablet mérettől
• btn-* → színes Bootstrap gombok
• bg-* → háttérszínek
• text-* → szövegszínek
• table-dark → sötét táblázat, világos szöveg