Comment créer un modal Bootstrap 5 ?

` 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 le titre modal et le bouton de fermeture.

```html

```

5. À l'intérieur du « modal-header », ajoutez le titre modal à l'aide d'un «

` et un bouton de fermeture utilisant un élément `
```
6. Ensuite, ajoutez un élément `
` avec la classe `modal-body`. Cet élément contiendra le contenu principal du modal.
```html

```
7. Ajoutez le contenu que vous souhaitez afficher dans le corps modal. Cela peut inclure du texte, des images, des formulaires, etc.
8. Enfin, ajoutez un élément `
` avec la classe `modal-footer`. Cet élément contiendra tous les boutons d'action, tels qu'un bouton de soumission ou un bouton de fermeture.
```html

```
9. Ajoutez tous les boutons d'action de votre choix dans le pied de page modal. Ces boutons doivent avoir la classe « btn » et la classe de bouton Bootstrap appropriée (par exemple, « btn-primary », « btn-secondary »).
```html

```

CSS :

Ajoutez les styles CSS suivants à votre feuille de style :

```css
.modal {
poste :fixe;
haut :0;
gauche :0;
indice z : 1050 ;
affichage :aucun;
}

.modal.fade .modal-dialog {
transition :transformation en douceur de 0,3 s ;
}

.modal.show .modal-dialog {
transformer :traduire (0, 0);
}
```

JavaScript :

Pour afficher le modal, vous pouvez utiliser JavaScript pour ajouter la classe « show » à l'élément « .modal ». Voici un exemple utilisant jQuery :

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

Pour masquer le modal, utilisez JavaScript pour supprimer la classe « show » de l'élément « .modal ».

```javascript
$('#exampleModal').modal('masquer');
```

C'est ça! Vous avez créé avec succès un modal Bootstrap 5. Vous pouvez personnaliser davantage l'apparence et le comportement du modal en ajoutant du CSS et du JavaScript supplémentaires.