` avec une classe de ``card'`. Cela créera la structure de base de la carte.
```
```
* Vous pouvez ajouter divers éléments à l'intérieur de la carte, tels que des images, du texte, des boutons et d'autres composants.
2. Titre et corps de la carte :
* Pour ajouter un titre à votre carte, utilisez la classe ``card-title'` au sein d'un élément ``h5'` ou ``h6'`.
* De même, utilisez la classe « card-body » pour envelopper le contenu de la carte, qui peut inclure des paragraphes, des listes et d'autres éléments.
```
Le contenu de la carte va ici...
```
3. En-tête et pied de page de la carte :
* Vous pouvez ajouter un en-tête de carte en utilisant la classe ``card-header'` et un pied de page en utilisant la classe ``card-footer'`. Ces éléments apparaissent respectivement en haut et en bas de la carte.
```
Quelques exemples de texte rapides pour créer le titre de la carte et créer le contenu de la carte.
```
4. Image de la carte :
* Pour inclure une image dans votre carte, utilisez la classe ``card-img-top'` ou ``card-img-bottom'`. Ces classes positionnent l'image en haut ou en bas de la carte.
```
Le contenu de la carte peut être placé ici...
```
5. Carte avec image et texte :
* Combinez les mises en page des cartes d'image et de texte pour créer des cartes comprenant à la fois une image et du contenu textuel.
```
Titre de la carte
Quelques exemples de texte rapides pour s'appuyer sur le titre de la carte et constituer l'essentiel du contenu de la carte.
```
6. Carte horizontale :
* Utilisez la classe « card-horizontal » pour créer des dispositions de cartes horizontales. Les cartes horizontales sont particulièrement utiles pour afficher du contenu dans une disposition basée sur une grille.
```
Titre de la carte
Le contenu de la carte va ici...
```
7. Groupes de cartes :
* Pour regrouper plusieurs cartes, enveloppez-les dans un élément `
` avec la classe ``card-group'`. Cela crée un ensemble de cartes visuellement connectées qui répondent de manière appropriée aux différentes tailles d'écran.
```
```
Bootstrap 5 propose de nombreuses autres options de personnalisation pour la disposition des cartes, telles que l'ajout de bordures, d'arrière-plans, de couleurs de texte, etc. Reportez-vous à la documentation officielle de Bootstrap pour une liste complète d'options et d'exemples.
