Bootstrap: Teksten
We kunnen tekst in Bootstrap op vele manieren layout geven.
We kunnen deze een kleur toekennen zoals we reeds zagen. Maar we kunnen deze ook alligneren (links, rechts, center), we kunnen deze upper of lowercase maken, bold of italic.
Verder kunnen we via een text-wrap tekst opdelen over meerdere lijnen indien deze niet binnen diens parent div past, een interline en woordbreedte instellen etc.
Hieronder staan enkele voorbeelden:
| Klasse | Functionaliteit |
| .text-center | Geeft een text-align:center opmaak waarbij tekst gecentreerd wordt |
| .text-sm-left | Geeft een text-align:left opmaak op een schermbreedte van small (sm) |
| .text-wrap | Tekst die niet binnen de breedte van de div past wordt opgedeeld over twee (of meer) lijnen ((maar woorden worden intern niet opgesplitst)) |
| .text-break | Lange woorden worden (arbitrair) opgesplitst wanneer ze niet passen binnen de breedte van hun div |
| .text-truncate | Tekst wordt ingekort en er wordt (…) geplaatst om dit aan te geven |
| .font-italic | Schrijft de tekst schuin (italic) |
| .font-weight-bold | Schrijft de tekst vetgedrukt (bold) |
| .text-lowercase | Schrijft de tekst met kleine letters |
| .text-capitalize | Schrijft de eerste letter met een hoofdletter en houdt andere letters zoals ze staan |
| .text-uppercase | Schrijft de tekst met hoofdletters |
Verder is er ook een speciale klasse voor headings (h1, …) waarbij je de font groter kan maken en minder dik door de klasse .display-1 tot .display-4 gebruiken.
Bootstrap, Eigen CSS en CSS Attributen
We kunnen dus min of meer alles wat we in eigen CSS kunnen doen qua opmaak van tekst ook via Bootstrap klassen. Opnieuw zien we bepaalde patronen in naamgeving om dit intuïtief te maken en om dit gelijkaardig te houden met de CSS attributen en hun waarden. Zo is text-center een duidelijke ‘vertaling’ van het CSS attribuut text-align met als waarde ‘center’.