BOOTSTRAP 5.X

Formation créée le 12/04/2026.
Version du programme : 1

Type de formation

E-learning

Durée de formation

9 heures

Accessibilité

Oui
Cette formation est gratuite.
S'inscrire
Cette formation est gratuite.
S'inscrire
Cette formation est gratuite.
S'inscrire
Besoin d’adapter cette formation à vos besoins ? N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure ! Nous contacter

BOOTSTRAP 5.X


Cette formation complète sur Bootstrap 5.X vous permet de maîtriser la création d’interfaces web modernes et responsives sans effort. De la gestion des bases (texte, images, containers), à l’utilisation avancée des composants interactifs (modals, carrousels, tooltips), vous apprendrez à concevoir des pages web dynamiques, structurées et esthétiques, avec ou sans JavaScript.

Objectifs de la formation

  • Comprendre la structure et les principes du Framework Bootstrap.
  • Maîtriser les utilitaires de style et de positionnement pour un design responsive.
  • Savoir intégrer et personnaliser les composants avec ou sans JavaScript.
  • Concevoir une interface web complète en utilisant Bootstrap 5.X.

Profil des bénéficiaires

Pour qui
  • Tous publics
Prérequis
  • Aucun prérequis

Contenu de la formation

Introduction
Introduction au Framework Bootstrap
Gestion des bases
Gestion des variables sur Bootstrap
Gestion du conteneur (container)
Gestion des points de rupture (breakpoints)
Gestion du texte (titre, texte, forme, police)
Gestion des images (taille, forme, apparence, responsive)
Exercice pratique N°1
Exercice pratique N°2
Création de contenu
Gestion des tableaux (taille, style, responsive, apparence)
Gestion du curseur
Gestion des effets d’arrière-plan (background)
Gestion des bordures (bordure, épaisseur et couleur)
Gestion des couleurs (couleurs de base et autres)
Gestion des ombres et opacité (shadow et opacity)
Gestion des utilitaires - Partie 02
Gestion display (block, d-inline)
Fonction flex (toutes options)
Fonction overflow (dépassement X et Y ou auto)
Fonction Float (flottaison à droite ou gauche)
Gestion de l’espacement (spacing : margin, padding, gap, gutters)
Gestion de la position (Absolute, relative, static, sticky, fixed)
Gestion du texte (alignement, hover, type, forme)
Travaux pratiques
Gestion des composants sans JavaScript
Gestion des boutons et des badges
Gestion d’une carte (card)
Gestion des spinners et progress
Gestion du breadcrumb (fil d’ariane) et pagination
Gestion des composants avec JavaScript
Gestion de la navigation simple et complexe
Gestion du carrousel (diaporama d’images)
Gestion des fonctions Collapse et Accordion
Gestion des Dropdowns, Alert, Modal
Gestion des Tooltips, Toasts
Gestion du formulaire
Gestion des formes des contrôles, taille, forme
Gestion des sélections, boutons radio, checkbox
Gestion du layout et de la validation
Finalisation du projet & Mise en pratique

Équipe pédagogique

Notre équipe pédagogique est composée de professionnels passionnés et expérimentés, issus de divers secteurs. Leur mission : offrir un accompagnement personnalisé et des méthodes innovantes pour favoriser une montée en compétences durable. Toujours à l’écoute, ils conjuguent expertise métier et pédagogie adaptée pour répondre aux besoins spécifiques de chaque apprenant.

Suivi de l'exécution et évaluation des résultats

  • Auto-évaluation sous forme de questionnaires
  • Exercices sous forme d’ateliers pratiques
  • Questionnaire de positionnement & Évaluation à chaud

Ressources techniques et pédagogiques

  • Accès au cours en ligne
  • Cours théorique au format vidéo
  • Accessible via un ordinateur ou une tablette
  • Assistance par téléphone et/ou email

Accessibilité

Nos formations sont ouvertes aux personnes en situation de handicap. Contactez notre référent handicap pour étudier vos besoins. En cas d'inaccessibilité, nous proposons des aménagements ou une orientation vers des solutions adaptées