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

Formation complète pour maitriser Boostrap 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
29,00 € 14,50 €
- 50 % appliqué actuellement sur le premier mois
Ou
69,00 €
Acheter maintenant
Achat unique : accès illimité à la formation.

À 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 · 41 avis
Avis récents laissés par nos apprenants après la formation.
5 étoiles
83 %
4 étoiles
15 %
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 !

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 !

Jean Marie K.
Note : 5,0 / 5 · il y a 4 mois

Formation tres complete, je vous la recommande

JC P.
Note : 4,5 / 5 · il y a 1 mois

Le formateur maitrise son sujet , je recommande

Jacquie P.
Note : 5,0 / 5 · il y a 4 mois

Formation très claire et accessible aux débutants. Les cas d’usage sont très variés et pertinents pour une utilisation personnelle ou professionnelle.

Jules A.
Note : 5,0 / 5 · il y a 2 mois

Les explications sont très claires et accessibles. Bravo au formateur

William C.
Note : 5,0 / 5 · il y a 2 semaines

Merci pour ce cours très instructif et très pédagogue.

Frank M.
Note : 5,0 / 5 · il y a 6 mois

formation très pratique et explications claires !

Florent D.
Note : 5,0 / 5 · il y a 4 mois

Formateur de qualité avec un langage clair, fini les explications avec des erreurs, la formation est claire et limpide pour le moment.

Amadou F.
Note : 4,5 / 5 · il y a 1 mois

Je commence la formation et j'aime bien ça va direct a l'essentiel avec de bonnes explication !

Ces autres cours pourraient vous intéresser

Accès illimité à toutes nos formations. Actuellement -50% sur le premier mois.

Avec l’abonnement individuel, vous ouvrez la porte à un apprentissage illimité : accès à toutes nos formations, exercices pratiques, et ressources variées couvrant de nombreuses thématiques de développement personnel et professionnel. Vous pouvez progresser sur plusieurs compétences en parallèle.

L’achat d’un cours à l’unité vous donne un accès illimité uniquement à ce cours précis, sans la possibilité d’explorer les autres formations incluses dans l’abonnement.

EspritAcadémique est une plateforme d’apprentissage en ligne qui propose une large gamme de cours, tutoriels, 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 : 19 € par mois ou 180 € par an (voir nos offres).
Il donne accès en illimité à l’ensemble des formations tant que l’abonnement reste actif.
Sans engagement : vous pouvez l’annuler à tout moment, sans frais.

Achat à l’unité : si vous préférez suivre une formation spécifique, c’est possible.
Le tarif varie en fonction de la durée de la formation choisie.

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.

Si vous avez souscrit à l’une de nos offres (mensuelle ou annuelle), vous pourrez accéder 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.

Nous acceptons les paiements par carte bancaire et PayPal. Tous les paiements sont 100% sécurisés grâce à notre système de cryptage SSL et nos partenaires de paiement certifiés.

Oui. Dans le panier, ouvrez le menu « Choix de la devise » puis sélectionnez euro (€), dollar américain ($), dollar canadien ($) ou franc suisse (CHF). Tous les montants (prix, remises, taxes, frais) sont recalculés instantanément et la devise choisie est conservée jusqu’au paiement.

Astuce : si vous ne voyez pas votre devise, finalisez en EUR (€) : votre banque effectuera la conversion éventuelle.