` element toe met de klasse `'card'`. Hiermee wordt de basisstructuur van de kaart gecreëerd.
```
```
* U kunt verschillende elementen aan de kaart toevoegen, zoals afbeeldingen, tekst, knoppen en andere componenten.
2. Titel en tekst van de kaart:
* Om een titel aan uw kaart toe te voegen, gebruikt u de klasse `'card-title'` binnen een `'h5'` of `'h6'` element.
* Gebruik op dezelfde manier de klasse `'card-body'` om de inhoud van de kaart te omsluiten, die alinea's, lijsten en andere elementen kan bevatten.
```
De kaartinhoud komt hier...
```
3. Kaartkop- en voettekst:
* U kunt een kaartkoptekst toevoegen door de klasse `'card-header'` te gebruiken, en een kaartvoettekst door de klasse `'card-footer'` te gebruiken. Deze elementen verschijnen respectievelijk bovenaan en onderaan de kaart.
```
Een korte voorbeeldtekst om de kaarttitel op te bouwen en de kaartinhoud te maken.
```
4. Kaartafbeelding:
* Om een afbeelding in uw kaart op te nemen, gebruikt u de klasse `'card-img-top'` of `'card-img-bottom'`. Deze klassen plaatsen de afbeelding bovenaan of onderaan de kaart.
```
Kaartinhoud kan hier worden geplaatst...
```
5. Kaart met afbeelding en tekst:
* Combineer de afbeeldings- en tekstkaartlay-outs om kaarten te maken die zowel een afbeelding als tekstinhoud bevatten.
```
Kaarttitel
Een korte voorbeeldtekst om voort te bouwen op de kaarttitel en het grootste deel van de inhoud van de kaart te vormen.
```
6. Horizontale kaart:
* Gebruik de klasse `'card-horizontal'` om horizontale kaartlay-outs te maken. Horizontale kaarten zijn vooral handig voor het weergeven van inhoud in een op rasters gebaseerde lay-out.
```
Kaarttitel
De kaartinhoud komt hier...
```
7. Kaartgroepen:
* Om meerdere kaarten samen te groeperen, plaats je ze in een `
` element met de `'card-group'` klasse. Hierdoor ontstaat een visueel verbonden set kaarten die passend reageren op verschillende schermformaten.
```
```
Bootstrap 5 biedt vele andere aanpassingsopties voor kaartlay-outs, zoals het toevoegen van randen, achtergronden, tekstkleuren en meer. Raadpleeg de officiële Bootstrap-documentatie voor een uitgebreide lijst met opties en voorbeelden.