```

5. Voeg binnen de `modal-header` de modale titel toe met behulp van een `

` element en een sluitknop met behulp van een `` element met de klasse `btn-close`.

```html

Modale titel

```

6. Voeg vervolgens een `

` element toe met de klasse `modal-body`. Dit element bevat de hoofdinhoud van de modal.

```html

```

7. Voeg de inhoud toe die u wilt weergeven in de modale hoofdtekst. Dit kunnen tekst, afbeeldingen, formulieren, enz. zijn.

8. Voeg ten slotte een `

` element toe met de klasse `modal-footer`. Dit element bevat eventuele actieknoppen, zoals een verzendknop of een sluitknop.

```html

```

9. Voeg de gewenste actieknoppen toe in de modale voettekst. Deze knoppen moeten de klasse `btn` hebben en de juiste Bootstrap-knopklasse (bijvoorbeeld `btn-primary`, `btn-secondary`).

```html

Sluiten

Wijzigingen opslaan

```

CSS:

Voeg de volgende CSS-stijlen toe aan uw stylesheet:

```css

.modaal {

positie:vast;

bovenaan:0;

links:0;

z-index:1050;

weergave:geen;

}

.modal.fade .modal-dialoog {

transitie:transformatie 0,3s gemak-out;

}

.modal.show .modal-dialoog {

transformeren:vertalen(0, 0);

}

```

JavaScript:

Om de modal weer te geven, kunt u JavaScript gebruiken om de `show` klasse toe te voegen aan het `.modal` element. Hier is een voorbeeld met jQuery:

```javascript

$('#exampleModal').modal('show');

```

Om de modal te verbergen, gebruikt u JavaScript om de `show` klasse uit het `.modal` element te verwijderen.

```javascript

$('#exampleModal').modal('verbergen');

```

Dat is het! Je hebt met succes een Bootstrap 5-modal gemaakt. U kunt het uiterlijk en het gedrag van de modal verder aanpassen door extra CSS en JavaScript toe te voegen.