Med Learning
  • Accueil
  • Cours
  • Formation OFPPT
  • Roadmaps
  • Projets
  • Articles
  • Contact
Med Learning

La plateforme d’apprentissage structurée pour les étudiants OFPPT et les autodidactes.

  • medlearning905@gmail.com
  • 06 87 49 76 05
  • @medle_arning

Navigation

  • Accueil
  • Cours
  • Roadmaps
  • Projets pratiques
  • Classement
  • Articles
  • Contact

Formation OFPPT

  • 1ère année
  • 2ème année
  • Filière Full Stack
  • Filière Mobile
  • Cours, TP, EFM et EFF

Mon compte

  • Connexion
  • Créer un compte
  • Mon espace
  • Mot de passe oublié

Med Learning a été créé par Anas Mounchit à la mémoire de son frère Mohammed Maadallah. Ce site est une sadaqa jariya pour lui : chaque leçon apprise ici, chaque ligne de code écrite, est une bonne action qui continue de l’accompagner.

Si Med Learning t’a aidé, pense à lui dans tes prières.

Qu’Allah lui accorde Sa miséricorde et l’accueille dans Son vaste paradis. رحمه الله

© 2026 Med Learning — Fait au Maroc, pour les étudiants.

ConfidentialitéContact & FAQ
Une question ? Écris-nous
Cours /Bootstrap 5 : construire des sites responsives rapidement
IntermédiaireM104OFPPT · Développer des sites statiques

Bootstrap 5 : construire des sites responsives rapidement

Construis des sites responsives rapidement avec Bootstrap 5 : grille, utilitaires, composants, formulaires et navigation. Vidéos minutées et exercices corrigés.

  • 3 modules
  • 9 chapitres
  • 19 exercices
  • 16 h 40

À propos du cours

Bootstrap est le framework CSS le plus utilisé au monde. Il fournit une grille responsive et des composants prêts à l'emploi (boutons, cartes, formulaires, menus) pour construire un site professionnel en quelques heures au lieu de quelques jours. Ce cours t'apprend à l'utiliser et à le personnaliser.

Le cours est organisé en 3 modules et 9 chapitres :

Module 1 · Les bases de Bootstrap Tu installes Bootstrap 5, tu maîtrises sa grille responsive (containers, lignes, colonnes, points de rupture) et tu découvres les classes utilitaires pour gérer les espacements, les couleurs, l'affichage et Flexbox sans écrire de CSS.

Module 2 · Les composants Tu mets en forme la typographie, les images, les tableaux et les icônes, puis tu utilises les composants : boutons, alertes, badges, cartes, formulaires, barre de navigation et composants interactifs (modales, menus déroulants, carrousels).

Module 3 · Personnaliser et valider Tu apprends à adapter Bootstrap à ta propre charte graphique, puis tu réalises un projet final et tu te testes avec un examen blanc et une fiche mémo.

Ce qui rend ce cours efficace :

  • 30 extraits vidéo avec le minutage exact à regarder : tu vois seulement la partie qui explique la notion du moment.
  • Près de 30 exercices et TP, tous corrigés, avec un TP pratique à la fin de chaque chapitre.
  • Des aperçus du rendu et des encadrés pour retenir l'essentiel : règles, pièges fréquents, astuces et pratiques en entreprise.

Prérequis : connaître les bases du HTML et du CSS (les cours HTML et CSS suffisent). Il te faut un ordinateur, un navigateur et un éditeur de code gratuit (VS Code).

À la fin du cours, tu sauras construire rapidement un site responsive et professionnel avec Bootstrap 5, et l'adapter à ton propre style.

Programme

Ce que tu vas apprendre

  • Les bases de BootstrapAvant d'utiliser les composants, il faut savoir installer Bootstrap, comprendre son système de grille, qui est le cœur du framework, et maîtriser les classes utilitaires qui remplacent la plupart de tes petites règles CSS.
  • Les composantsBootstrap fournit des dizaines de composants prêts à l'emploi. Cette partie présente ceux que tu utiliseras dans presque tous tes projets : contenus mis en forme, boutons, alertes, cartes, formulaires et composants de navigation interactifs.
  • Personnaliser et validerUn site Bootstrap ne doit pas ressembler à tous les autres. Cette partie t'apprend à adapter Bootstrap à une charte graphique, puis à tout assembler dans un projet complet, avant de te tester avec un examen blanc.

Une question ? On est là pour t’aider

Un exercice qui bloque, un TP, ton PFE ou ton orientation : écris-nous sur WhatsApp ou par email, on te répond.

WhatsApp Email
Commencer le cours
  • Découvrir et installer Bootstrap 5Comprendre ce qu'est Bootstrap, l'installer par CDN et utiliser les conteneurs. TP
  • La grille de BootstrapConstruire des mises en page responsives avec la grille en 12 colonnes. TP
  • Les classes utilitairesEspacements, couleurs, affichage, Flexbox et autres classes utilitaires. TP