```

5. Inne i `modal-header` legger du til den modale tittelen ved å bruke en `

`-element og en lukkeknapp som bruker et ``-element med klassen `btn-close`.

```html

Modaltittel

```

6. Deretter legger du til et `

`-element med klassen `modal-body`. Dette elementet vil inneholde hovedinnholdet i modalen.

```html

```

7. Legg til innholdet du vil vise i den modale kroppen. Dette kan inkludere tekst, bilder, skjemaer osv.

8. Til slutt legger du til et `

`-element med klassen `modal-footer`. Dette elementet vil inneholde alle handlingsknapper, for eksempel en send-knapp eller en lukkeknapp.

```html

```

9. Legg til handlingsknapper du vil ha inne i den modale bunnteksten. Disse knappene skal ha klassen "btn" og den riktige Bootstrap-knappklassen (f.eks. "btn-primary", "btn-secondary").

```html

Lukk

Lagre endringer

```

CSS:

Legg til følgende CSS-stiler i stilarket ditt:

```css

.modal {

posisjon:fast;

topp:0;

venstre:0;

z-indeks:1050;

display:ingen;

}

.modal.fade .modal-dialog {

overgang:transformere 0,3s ease-out;

}

.modal.show .modal-dialog {

transform:translate(0, 0);

}

```

JavaScript:

For å vise modalen, kan du bruke JavaScript for å legge til `show`-klassen til `.modal`-elementet. Her er et eksempel som bruker jQuery:

```javascript

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

```

For å skjule modalen, bruk JavaScript for å fjerne `show`-klassen fra `.modal`-elementet.

```javascript

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

```

Det er det! Du har opprettet en Bootstrap 5-modal. Du kan tilpasse utseendet og oppførselen til modalen ytterligere ved å legge til ekstra CSS og JavaScript.