| Bootstrap Osztály | Magyar Leírás |
|---|---|
| fw-bold | Félkövér szöveg |
| fst-italic | Dőlt szöveg |
| text-primary | Elsődleges szöveg színe |
| text-secondary | Másodlagos szöveg színe |
| text-success | Sikeres állapot szövegszíne |
| text-danger | Hiba vagy figyelmeztetés szövegszíne |
| text-warning | Figyelmeztető szöveg színe |
| text-info | Információs szöveg színe |
| text-light | Világos szöveg |
| text-dark | Sötét szöveg |
| text-muted | Halványított szöveg |
| text-center | Szöveg középre igazítása |
| text-start | Szöveg balra igazítása |
| text-end | Szöveg jobbra igazítása |
| bg-primary | Elsődleges háttérszín |
| bg-secondary | Másodlagos háttérszín |
| bg-success | Sikeres állapot háttérszíne |
| bg-danger | Hiba vagy figyelmeztetés háttérszíne |
| bg-warning | Figyelmeztető háttérszín |
| bg-info | Információs háttérszín |
| bg-light | Világos háttérszín |
| bg-dark | Sötét háttérszín |
| border | Alapértelmezett keret |
| border-0 | Keret eltávolítása |
| border-1 | Vékony keret |
| border-2 | Közepes keret |
| border-3 | Vastag keret |
| rounded | Lekerekített sarkok |
| rounded-circle | Kör alakú forma |
| rounded-pill | Ovális forma |
| shadow | Dobott árnyék |
| shadow-sm | Kis árnyék |
| shadow-lg | Nagy árnyék |
| p-0 | Padding eltávolítása |
| p-1 | Kis padding |
| p-2 | Közepes padding |
| p-3 | Nagyobb padding |
| p-4 | Nagy padding |
| p-5 | Extra nagy padding |
| m-0 | Margó eltávolítása |
| m-1 | Kis margó |
| m-2 | Közepes margó |
| m-3 | Nagyobb margó |
| m-4 | Nagy margó |
| m-5 | Extra nagy margó |
.text-center - Középre igazítja a szöveget.text-right - Jobbra igazítja a szöveget.text-left - Balra igazítja a szöveget.text-primary - Alap szövegszín.text-secondary - Másodlagos szövegszín.text-muted - Halványított szöveg.text-white - Fehér szöveg.text-danger - Vörös szöveg.text-warning - Sárga szöveg.text-success - Zöld szöveg.text-info - Kék szöveg.text-light - Világos szöveg.text-dark - Sötét szöveg.text-body - Szöveg alap szín.text-link - Link szín.font-weight-bold - Félkövér szöveg.font-weight-light - Könnyített szöveg.font-italic - Dőlt szöveg.text-decoration-underline - Aláhúzott szöveg.text-decoration-line-through - Áthúzott szöveg.text-capitalize - Minden szót nagy kezdőbetűvel jelenít meg.text-lowercase - Kisbetűs szöveg.text-uppercase - Nagybetűs szöveg.img-fluid - Rugalmas, méretezhető kép.rounded - Lekerekített sarkok.rounded-circle - Kör alakú kép.rounded-pill - Hosszúkás, lekerekített kép.img-thumbnail - Kép körvonalas formázása.img-fluid - Kép teljes szélességű beállítása.lead - Kiemelt szövegdoboz.blockquote - Blokkok idézése.blockquote-footer - Idézet forrása.embed-responsive - Reszponzív videók és képek.embed-responsive-item - Belső elem reszponzivitása.container - Fix szélességű konténer.container-fluid - Teljes szélességű konténer.container-sm - Kisebb konténer.container-md - Közepes méretű konténer.container-lg - Nagy konténer.container-xl - Extra nagy konténer.row - Sor, amely oszlopokat tartalmaz.col - Oszlopok a rácsban.col-* - Oszlop szélessége, például .col-12 teljes szélességű oszlop.col-sm-* - Oszlop szélessége kis képernyők esetén.col-md-* - Oszlop szélessége közepes képernyők esetén.col-lg-* - Oszlop szélessége nagy képernyők esetén.col-xl-* - Oszlop szélessége extra nagy képernyők esetén.offset-* - Oszlop eltolásának beállítása.order-* - Oszlop sorrendjének módosítása.flex - Flexbox elrendezés használata.flex-column - Függőleges irányú flexbox.d-flex - Rugalmas doboz elrendezés.d-inline-flex - Inline rugalmas doboz elrendezés.justify-content-center - Igazítás középre flexbox-ban.align-items-center - Függőleges középre igazítás flexbox-ban.align-self-center - Egyedi elem középre igazítása.flex-grow-1 - Rugalmas elem növekedésének engedélyezése