```

5. Inde i `modal-headeren` tilføjer du den modale titel ved at bruge en `

`-element og en lukkeknap ved hjælp af et ``-element med klassen `btn-close`.

```html

Modal titel

```

6. Tilføj derefter et `

`-element med klassen `modal-body`. Dette element vil indeholde hovedindholdet af modalen.

```html

```

7. Tilføj det indhold, du vil vise inde i den modale krop. Dette kan omfatte tekst, billeder, formularer osv.

8. Tilføj til sidst et `

`-element med klassen `modal-footer`. Dette element vil indeholde alle handlingsknapper, såsom en send-knap eller en luk-knap.

```html

```

9. Tilføj de handlingsknapper, du ønsker, i den modale sidefod. Disse knapper skal have klassen 'btn' og den relevante Bootstrap-knapklasse (f.eks. 'btn-primary', 'btn-secondary').

```html

Luk

Gem ændringer

```

CSS:

Tilføj følgende CSS-stile til dit stylesheet:

```css

.modal {

position:fast;

top:0;

venstre:0;

z-indeks:1050;

display:ingen;

}

.modal.fade .modal-dialog {

overgang:transformer 0,3s ease-out;

}

.modal.show .modal-dialog {

transform:translate(0, 0);

}

```

JavaScript:

For at vise modalen kan du bruge JavaScript til at tilføje "show"-klassen til ".modal"-elementet. Her er et eksempel ved hjælp af jQuery:

```javascript

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

```

For at skjule modalen skal du bruge JavaScript til at fjerne "show"-klassen fra ".modal"-elementet.

```javascript

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

```

Det er det! Du har med succes oprettet en Bootstrap 5-modal. Du kan yderligere tilpasse modalens udseende og adfærd ved at tilføje yderligere CSS og JavaScript.