Pomocné třídy
Obecné třídy
| Třída | Popis a ukázka |
|---|---|
| .align-top | Zarovnání nahoru |
| .align-bottom | Zarovnání dolů |
| .align-middle | Zarovnání na střed |
| .pull-left | Float vlevo |
| .pull-right | Float vpravo |
| .center-block | Centrování blocku |
| .box-vertical | Vertikální centrování uvnitř bloku |
| .clearfix | Clearování floatů |
| .hide | Skrytí obsahu |
| .js-hide | Skrytí obsahu (pouze při zapnutém javascriptu) |
| .vhide | Skrytí obsahu (zůstává zobrazitelný čtečkám) |
| .out | Vypozicování obsahu mimo viewport |
| .js-out | Vypozicování obsahu mimo viewport (pouze při zapnutém javascriptu) |
| .hide--m | Skrytí obsahu na malém displeji (do 768px) |
| .hide--t | Skrytí obsahu na středně velkém displeji (od 768px do 1279px) |
| .hide--d | Skrytí obsahu na velkém displeji (od 1280px) |
Třídy pro práci s textem
| Třída | Popis a ukázka |
|---|---|
| .h1, .h2, .h3, .h4, .h5, .h6 | Přestyluje element do stylu nadpisu / nadpisům změní velikost |
| .text-left | Zarovnání textu doleva |
| .text-center | Zarovnání textu na střed |
| .text-right | Zarovnání textu doprava |
| .text-justify | Zarovnání textu do bloku |
| .text-nowrap | Nezalomitelný text |
| .text-defaultcase | Normální velikost písmen |
| .text-uppercase | Velká písmena |
| .text-lowercase | Malá písmena |
| .text-capitalize | Velká pouze první písmena |
| .text-overflow | Ukončení dlouhého textu třemi tečkami |
| .color-primary | Primární barva |
| .color-secondary | Sekundární barva |
| .color-gray | Šedá |
| .color-green | Zelená |
| .color-yellow | Žlutá |
| .color-red | Červená |
| .font-bold | Tučné písmo |
| .font-regular | Normální písmo |
| .font-italic | Kurzíva |
| .font-primary | Primární font |
| .font-secondary | Sekundární font |
| .fz-sm | Malá velikost písma |
| .fz-md | Střední velikost písma |
| .fz-lg | Velká velikost písma |
| .text-hide | Skrytí textu (např. při nahrazování obrázkem) |