` avec la classe `modal` et spécifiez l'`id` pour votre modal.

```html

```

2. Ajoutez un élément `

` avec la classe `modal-dialog`. Cet élément contiendra le contenu modal.

```html

```

3. Dans le « modal-dialog », ajoutez un autre élément «

» avec la classe « modal-content ». Cet élément contiendra le contenu réel du modal.

```html

```

4. À l'intérieur du `modal-content`, ajoutez un élément `

` avec la classe `modal-header`. Cet élément contiendra l'en-tête du modal, y compris son titre et son bouton de fermeture.

```html

```

5. À l'intérieur du `modal-header`, ajoutez un ` Élément

` pour le titre du modal et un élément `
```
6. Ajoutez un élément `
` avec la classe `modal-body`. Cet élément contiendra le contenu principal du modal, tel que du texte, des éléments de formulaire ou des images.
```html

```
7. Ajoutez un élément `
` avec la classe `modal-footer`. Cet élément contiendra tous les boutons ou actions que vous souhaitez fournir, comme un bouton « Enregistrer » ou « Fermer ».
```html

```
8. Ajoutez les boutons que vous souhaitez inclure dans le « modal-footer ».
```html

```
9. Fermez toutes les balises ouvertes, en commençant par `
` pour `modal-content`, puis `
` pour `modal-dialog`, et enfin `
` pour `modal`.

CSS :

Appliquez des styles CSS à votre modal pour personnaliser son apparence. Par exemple:

```css
.modal {
largeur :50 %;
}
```

JavaScript :

Pour activer la fonctionnalité du modal, vous devez utiliser JavaScript. Voici comment procéder :

1. Importez la bibliothèque JavaScript Bootstrap dans votre fichier HTML.
```html

```
2. Utilisez JavaScript pour initialiser le modal. Vous pouvez le faire en écrivant un script comme suit :
```javascript
var monModal =new bootstrap.Modal(document.getElementById('exampleModal'), {
clavier :faux
})
```

Ce code JavaScript initialise le modal avec l'ID spécifié (#exampleModal) et empêche sa fermeture en appuyant sur la touche Échap (en définissant l'option « clavier » sur « false »).

Et c'est tout ! En suivant ces étapes et en combinant HTML, CSS et JavaScript, vous pouvez facilement créer une fenêtre contextuelle modale fonctionnelle et personnalisable à l'aide de Bootstrap 5.

Comment créer un modal Bootstrap 5 ?