```

5. Tilføj et `

`-element for modalens titel og et ``-element til lukkeknappen.

```html

Modal titel

```

6. Tilføj et `

`-element med klassen `modal-body`. Dette element vil indeholde hovedindholdet af modalen, såsom tekst, formularelementer eller billeder.

```html

```

7. Tilføj et `

`-element med klassen `modal-footer`. Dette element vil indeholde alle knapper eller handlinger, som du vil angive, såsom knappen "Gem" eller "Luk".

```html

```

8. Tilføj de knapper, du vil inkludere i `modal-footer`.

```html

Luk

Gem ændringer

```

9. Luk alle åbne tags, startende fra `

` for `modal-content`, derefter `

` for `modal-dialog`, og til sidst `

` for `modal`.

CSS:

Anvend CSS-stile til din modal for at tilpasse dens udseende. For eksempel:

```css

.modal {

bredde:50%;

}

```

JavaScript:

For at aktivere modalens funktionalitet skal du bruge JavaScript. Sådan gør du:

1. Importer Bootstrap JavaScript-biblioteket til din HTML-fil.

```html

```

2. Brug JavaScript til at initialisere modalen. Du kan gøre dette ved at skrive et script som følger:

```javascript

var myModal =new bootstrap.Modal(document.getElementById('exampleModal'), {

tastatur:falsk

})

```

Denne JavaScript-kode initialiserer modalen med det angivne ID (#exampleModal) og forhindrer den i at blive lukket ved at trykke på Esc-tasten (ved at indstille `tastatur`-indstillingen til `false`).

Og det er det! Ved at følge disse trin og kombinere HTML, CSS og JavaScript kan du nemt oprette en funktionel og tilpasselig modal popup ved hjælp af Bootstrap 5.