Comment créer des boutons dans Bootstrap 5 ?

```

Cela crée un bouton bleu par défaut.

Boutons de couleur personnalisés :

Pour créer des boutons avec des couleurs différentes, vous pouvez utiliser les classes `btn-{color}`, où `{color}` peut être remplacé par l'un des éléments suivants :

- primaire

- secondaire

- succès

- danger

- avertissement

- des informations

- lumière

- sombre

Par exemple, pour créer un bouton rouge :

```html

Danger

```

Boutons de contour :

Pour créer des boutons de contour, utilisez les classes `btn-outline-{color}`. Par exemple, pour créer un bouton avec un contour rouge :

```html

Danger

```

Boutons désactivés :

Pour désactiver un bouton, ajoutez-y l'attribut « disabled ».

```html

Désactivé

```

Tailles des boutons :

Vous pouvez également modifier la taille des boutons en utilisant les classes `btn-{size}`, où `{size}` peut être l'un des éléments suivants :

- sm (petit)

- lg (grand)

Par exemple, pour créer un petit bouton :

```html

Petit

```

Style personnalisé :

Vous pouvez personnaliser davantage l'apparence des boutons en leur ajoutant des styles CSS personnalisés.

Voici un tableau qui résume les classes de boutons Bootstrap 5 et leurs effets :

| Classe | Effet |

|---|---|

| `btn` | Crée un bouton de base. |

| `btn-primaire` | Crée un bouton bleu. |

| `btn-secondaire` | Crée un bouton gris. |

| `btn-succès` | Crée un bouton vert. |

| `btn-danger` | Crée un bouton rouge. |

| `btn-avertissement` | Crée un bouton jaune. |

| `btn-info` | Crée un bouton bleu clair. |

| `btn-light` | Crée un bouton blanc. |

| `btn-dark` | Crée un bouton noir. |

| `btn-outline-{couleur}` | Crée un bouton de contour dans la couleur spécifiée. |

| `btn-{taille}` | Modifie la taille du bouton. |

Vous pouvez combiner plusieurs classes pour créer des styles de boutons plus complexes. Par exemple, le code suivant crée un petit bouton entouré de rouge :

```html

Petit

```