Refactorisation d'un dashboard vers une grille Bootstrap responsive avancée

Scénario

Contexte : Vous reprenez un dashboard interne construit avec Bootstrap mais utilisant principalement des largeurs fixes et des classes non adaptées. Le Problème : Sur tablette et mobile, les colonnes ne s'adaptent pas correctement et certains widgets débordent. Contraintes : Utiliser uniquement le système de grille Bootstrap avec breakpoints (col-sm, col-md, col-lg, col-xl). Aucun CSS personnalisé. Code actuel : <div class="container"> <div class="row"> <div class="col-3">Sidebar</div> <div class="col-9">Content</div> </div> </div> Livrable attendu : Adapter la grille pour que la sidebar s'empile au-dessus du contenu sur mobile et reste latérale sur desktop.

Compétences ciblées