Offre en cours : -15% sur toute nouvelle commande, appliquée automatiquement sur la page de paiement.
Jean-Michel ROSEE Par Jean-Michel ROSEE

Progressez à votre rythme grâce à une formation structurée en modules, vidéos et exercices pratiques. Un formateur reste disponible tout au long du parcours pour répondre à vos questions.

Pas de prérequis - ouvert à tous niveaux
Certificat de formation
Accessible 24/24 sur tous vos appareils

Créer des sites web responsive avec Bootstrap 5

Formation en ligne Bootstrap 5 pour apprendre à créer des sites modernes et maîtriser le framework.

Durée : 8h00 Mise à jour : 10/2025
Recommandé
Accès illimité à toutes nos formations (Bureautique, IA, Data, Design...).
29,00 € / mois
Sans engagement et résiliable à tout moment.
Ou
69,00 €
Acheter maintenant
Achat unique : accès illimité à la formation. Garantie satisfait ou remboursé de 30 jours.

À l’issue de cette formation complète Bootstrap 5, vous pourrez :

  • Maîtriser Bootstrap 5 : apprenez à utiliser la philosophie du framework afin de choisir le mode d’intégration le plus adapté pour vos projets front-end.
  • Structurer vos pages avec la grille : concevez des mises en page parfaitement responsives en maîtrisant les conteneurs, les lignes et le système de colonnes.
  • Gérer le thème et les variables CSS : apprenez à adapter les couleurs et la typographie par défaut pour créer une identité visuelle cohérente.
  • Maîtriser la typographie et les médias : configurez l'affichage de vos textes et rendez vos images et vidéos fluides sur tous les types d'écrans.
  • Exploiter les utilitaires Bootstrap : utilisez les classes Flexbox et d'espacement pour prototyper vos interfaces rapidement, sans écrire de CSS complexe.
  • Construire des composants statiques : mettez en place des boutons, des badges et des cartes élégantes pour structurer vos contenus proprement.
  • Animer vos interfaces : paramétrez des carrousels, des modales et des barres de navigation interactives pour améliorer l'expérience utilisateur.
  • Réaliser un site complet : assemblez toutes les sections d'un site moderne, du header au formulaire de contact, pour livrer un projet prêt pour la production.

Cette formation Bootstrap 5 vous rend autonome en développement front-end : de la grille aux composants interactifs, apprenez à bâtir des sites web modernes, rapides et responsives.

L'objectif est de vous rendre opérationnel : apprenez à construire des interfaces propres sans repartir de zéro. À partir d’une page blanche, ce parcours vous guide pour transformer vos idées en maquettes concrètes grâce à la puissance du système de grille et des utilitaires CSS.

L'apprentissage se concentre sur la pratique : gestion des points de rupture (breakpoints), manipulation du thème global et mise en œuvre de composants dynamiques (fenêtres modales, menus, carrousels). Vous apprenez à contrôler l'affichage tout en conservant un code léger et facile à maintenir.

Public cible : Ce contenu s'adresse aux débutants motivés, aux graphistes souhaitant passer à l’intégration, ou aux développeurs désirant accélérer leur phase de création avec le framework le plus utilisé au monde.

Votre formateur

Jean Michel R. est un expert reconnu en infographie et informatique. Il vous accompagne à travers des démonstrations concrètes pour vous transmettre les meilleurs réflexes de développement front-end.

Contenu de la formation

Introduction
Objectifs du cursus, prérequis et déroulé
Découvrir Bootstrap 5.x : philosophie & écosystème
Gestion des bases
Variables CSS & thème : couleurs, espacements, typographie
Conteneurs : container, container-fluid, responsive fixe/fluid
Breakpoints : grilles, classes -sm à -xxl, stratégies
Typographie : tailles, poids, alignements, utilitaires
Exercice 01 : mise en page de base avec la grille
Exercice 02 : typographie & visuels harmonisés
Tableaux : variantes, zébrage, responsive table-responsive
Figures & légendes : figure, figcaption, bonnes pratiques
Gestion des utilitaires (partie 01)
Couleurs & états : text-*, bg-*, palette étendue
Arrière-plans : images, répétition, position, taille
Bordures : border-*, rayons, ombrages
Liens : styles, hover/focus, accessibilité
Opacité : utilitaires opacity-* & overlays
Gestion des utilitaires (partie 02)
Affichage : d-*, visibilité conditionnelle par breakpoint
Flex : axes, alignement, ordre, wrap
Overflow : rognage, scroll, cas d’usage
Flottaison : float-*, clear & layout legacy
Espacements : m*/p*, échelles et rythmes
Positionnement : position-*, top/right/bottom/left
Texte (utilitaires) : troncature, transformation, wrap
Travaux pratiques
Exercice 03 : header + hero responsive
Exercice 04 : grille multi-colonnes & cartes
Gestion des composants sans JS
Boutons & badges : variantes, tailles, icônes
Cartes : images, listes, groupes, layout
Spinners & barres de progression : feedback utilisateur
Fil d’Ariane & pagination : navigation structurée
Gestion de composants avec JS
Navbars : collapse, menus, brand & responsive
Carrousel : slides, contrôles, options et autoslide
Accordéons & collapse : contenus repliables
Dropdowns, alertes & modales : interactions clés
Tooltips & toasts : aides contextuelles et notifications
Gestion d’un formulaire
Formulaires : champs, validations, input-group, layout
Finalité du site Web — Travaux pratiques
Projet final (1) : structure & grille
Projet final (2) : composants & utilitaires
Projet final (3) : JS Bootstrap & finitions
Mon site Web
Étude de cas : démo complète (savoirpourtous.eu)
Ressources
Fichier ZIP du cours (sources, snippets, assets)

Avis des apprenants

4,7 / 5 · 49 avis
Avis récents laissés par nos apprenants après la formation.
5 étoiles
86 %
4 étoiles
12 %
3 étoiles
2 %
2 étoiles
0 %
1 étoiles
0 %
Siba Eric O.
Note : 5,0 / 5 · il y a 1 semaine

Bien expliqué,

Le formateur maitrise bien le sujet. Je le recommande vivement

Kristy P.
Note : 5,0 / 5 · il y a 1 mois

Cours très complet et un top formateur

Pauline M.
Note : 5,0 / 5 · il y a 3 semaines

Bon cours, bien détaillé avec des sessions pratiques très utiles.

Fabien R.
Note : 4,5 / 5 · il y a 5 mois

facile à comprendre je trouve c'est top sur ça

Eline D.
Note : 5,0 / 5 · il y a 1 mois

Je viens de terminer et je suis vraiment satisfait

Olivier D.
Note : 5,0 / 5 · il y a 2 mois

Très bonne présentation global de l'outil !

Ahma Q.
Note : 5,0 / 5 · Il y a 3 semaines

Des vidéos ultra efficaces pour progresser vite sur ce logiciel, très bien !

Sacha G.
Note : 5,0 / 5 · il y a 2 semaines

Super qualité de cours et vidéos très pratiques pour maîtriser l'outil

Maurine Z.
Note : 5,0 / 5 · il y a 1 mois

Oui ! les formations que j'ai suivie de mon coté correspondaient à mes attentes

Nathalie Q.
Note : 5,0 / 5 · il y a 1 mois

De super formations, vraiment qualitatives !

Rachid L.
Note : 5,0 / 5 · il y a 2 mois

Des cours super complets et de grande qualité ! Les réponses aux questions sont hyper rapides et vraiment utiles. Je recommande

Patrice L.
Note : 5,0 / 5 · il y a 3 mois

Excellente plateforme d'apprentissage ! L'équipe pédagogique est de très grande qualité.

Daniel O.
Note : 5,0 / 5 · il y a 2 mois

Service client très réactif et performant. Excellente qualité des formations proposées. Bravo pour la conception de ce site très réussi.

Michel N.
Note : 5,0 / 5 · il y a 1 mois

Conseils parfaits et très clairs !

Hortense V.
Note : 5,0 / 5 · il y a 8 mois

Parfait pour apprendre l'outil !

Audric G.
Note : 4,5 / 5 · il y a 4 mois

Super formation !

Ces autres cours pourraient vous intéresser

Accès illimité à toutes nos formations.

EspritAcadémique est une plateforme d’apprentissage en ligne qui propose une large gamme de cours, exercices, ressources et accompagnements personnalisés pour tous les niveaux.

Apprenez ce que vous voulez, quand vous voulez, avec des contenus accessibles à tout moment à un tarif très abordable. De nouveaux cours et formations sont ajoutés régulièrement, pour répondre à toutes vos envies d’apprentissage !

Nous mettons à votre disposition deux formules principales, pensées pour s’adapter à vos besoins :

Abonnement individuel : 29 € TTC par mois ou 199 € TTC par an (voir nos offres), soit 5 mois offerts par rapport à la formule mensuelle. Il donne accès à l’ensemble des formations tant que l’abonnement reste actif. Sans engagement : vous pouvez l’annuler à tout moment depuis votre espace client, sans frais.

Achat à l’unité : si vous préférez suivre une formation en particulier, c’est possible. Le tarif varie en fonction de la durée de la formation choisie, et l’accès vous reste acquis à vie.

Nous proposons également des solutions dédiées aux entreprises, disponibles sur demande.

Pour toute question, vous pouvez utiliser le formulaire de contact, nous écrire à contact@espritacademique.com, ou utiliser le chat en ligne en bas à droite de votre écran (page Contact) lorsqu’un conseiller est disponible.

L’abonnement individuel vous ouvre la porte à un apprentissage sans limite : accès à l’ensemble de nos formations, aux exercices pratiques et aux ressources associées, sur de nombreuses thématiques professionnelles. Vous pouvez ainsi progresser sur plusieurs compétences en parallèle et découvrir chaque nouvelle formation dès sa mise en ligne.

L’achat à l’unité vous donne un accès à vie à la formation choisie, sans abonnement ni renouvellement. C’est la formule idéale si vous avez un objectif précis en tête et que vous souhaitez avancer à votre rythme, sans limite de temps.

Si vous avez souscrit à l’une de nos offres (mensuelle ou annuelle), vous accédez aux formations pendant toute la durée de votre abonnement. En cas d’achat unique d’une formation, celle-ci vous reste accessible à vie.

Absolument ! Nos formations sont 100 % en ligne et disponibles à tout moment. Vous pouvez avancer à votre propre rythme, selon votre emploi du temps, et reprendre là où vous vous étiez arrêté.

Nous acceptons les paiements par carte bancaire et PayPal. Tous les paiements sont 100 % sécurisés grâce au chiffrement SSL/TLS et à nos partenaires de paiement certifiés.

Oui, sous conditions. Vous bénéficiez d’une garantie « satisfait ou remboursé » de 30 jours : si vous n’avez pas encore réellement commencé la formation, vous pouvez demander le remboursement intégral de votre commande sur simple demande, sans avoir à vous justifier.

Cette garantie cesse de s’appliquer dès lors que vous avez visionné plus de 20 % du contenu ou téléchargé les fichiers d’exercices, la formation étant alors considérée comme consommée. C’est pourquoi nous vous invitons à profiter des sessions offertes de chaque formation avant votre achat : elles vous permettent de vérifier que le contenu et la pédagogie vous conviennent.

Pour faire une demande, écrivez-nous à contact@espritacademique.com. Le remboursement est effectué dans les 14 jours suivant la réception de votre demande, sur le même moyen de paiement. Le détail figure à l’article 6 de nos conditions générales de vente.