Exercices Bootstrap 5

Tâche : Créez 3 colonnes : 100% mobile → 50%/50% tablette → 33%/33%/33% desktop. Utilisez col-12 col-md-6 col-lg-4 et g-3.

Tâche : Créez 5 boutons : primary, outline-secondary, success small, danger large, warning désactivé.

Tâche : Créez une navbar dark avec logo, liens collapsables et bouton de connexion. Menu hamburger sur mobile.

Tâche : Créez une card avec titre, texte, badge de date et bouton. Utilisez h-100 pour égaliser les hauteurs dans une grille.

Tâche : Créez un bouton "Supprimer" qui ouvre un modal de confirmation avec annuler/confirmer.

Tâche : Formulaire avec floating labels, validation HTML5, checkbox CGU et bouton submit.

Tâche : Créez 3 alertes Bootstrap (success, warning, danger) dont une dismissible avec btn-close et data-bs-dismiss.

Tâche : En-tête avec d-flex justify-content-between. Statistiques avec flex-fill. Responsive flex-column/flex-md-row.

Tâche : Tableau table-striped table-hover avec thead dark, badges dans les cellules, boutons d'action et scope="col" sur les th.

Tâche finale : Dashboard Bootstrap avec navbar sticky, 4 stat-cards en grille, tableau de données et modal d'ajout.