Skip to content
Formation complète Boostrap 5.X
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
Images & médias : img-fluid, figures, responsive Extrait Session
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)
Session Précédent
Session Suivante

Images & médias : img-fluid, figures, responsive

  1. Formation complète Boostrap 5.X
  2. Images & médias : img-fluid, figures, responsive
Session Précédent
Retour à la/au Formation
Session Suivante
EspritAcadémique
Gestion des cookies
Bienvenue sur EspritAcadémique.com ! Nous utilisons des cookies pour optimiser votre expérience sur notre site. Acceptez-vous leur utilisation ?
Fonctionnel Toujours activé
Ce site utilise des cookies nécessaires à son bon fonctionnement. Ils ne peuvent pas être désactivés.
Préférences
L’accès ou le stockage de données est nécessaire pour répondre à un intérêt légitime : conserver des préférences qui ne sont pas directement demandées par l’utilisateur ou l’internaute.
Statistiques
L’accès ou le stockage des données utilisé exclusivement à des fins statistiques. Le stockage ou l’accès aux données utilisé exclusivement à des fins statistiques anonymes. Sans assignation, consentement volontaire de votre fournisseur d’accès internet ou données supplémentaires d’un tiers, les informations collectées à cette seule fin ne permettent généralement pas de vous identifier.
Marketing
L’accès ou le stockage de données est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre un utilisateur sur un site ou plusieurs sites ayant des objectifs marketing similaires.
  • Gérer les options
  • Gérer les services
  • Gérer {vendor_count} fournisseurs
  • En savoir plus sur ces finalités
Personnaliser
  • {title}
  • {title}
  • {title}

Mon panier

0

Total

Procéder au paiement

 
0
0