CATALOGUE Code & Data Formation Bootstrap Apprendre Bootstrap Maîtriser les Grilles et Colonnes dans Bootstrap

Maîtriser les Grilles et Colonnes dans Bootstrap

Découvrir les autres class

Vidéo non disponible ! Réessayez plus tard

2h 58min

23 leçons

4,0

Transcription

49,90€ 24,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

DescriptionProgrammeAvis

2h 58min

23 leçons

4,0

49,90€ 24,95€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

PRO : J'en fait profiter mon équipe

Manipulation Avancée des Colonnes

Objectifs

Les objectifs de cette vidéo sont de comprendre comment manipuler les colonnes Bootstrap, de savoir utiliser les classes push, pull et offset, et d'appliquer ces techniques pour un design réactif et efficace.

Résumé

Apprenez à positionner, redimensionner et manipuler les colonnes dans Bootstrap en fonction des tailles d'écran.

Description

Dans cette leçon, nous abordons l'utilisation des grilles et des colonnes dans Bootstrap, un des frameworks CSS les plus populaires. Vous apprendrez à positionner vos éléments, à les redimensionner, à les déplacer sans toucher au HTML grâce aux classes push et pull, et à utiliser la classe offset pour gérer les décalages. De plus, vous verrez comment utiliser des techniques simples pour manipuler la disposition de votre contenu en fonction des tailles d'écran. Cette leçon est essentielle pour tout développeur souhaitant créer des interfaces utilisateurs réactives et adaptables.

Questions fréquentes

Comment utiliser les classes push et pull dans Bootstrap ?

Pour utiliser les classes push et pull, ajoutez col-xs-push-* et col-xs-pull-* à vos éléments pour les déplacer respectivement vers la droite ou la gauche de * colonnes.

Pourquoi utiliser la classe offset dans Bootstrap ?

La classe offset est utilisée pour décaler des colonnes sans ajouter de contenu vide, permettant ainsi un espacement précis et propre dans la mise en page.

Quelles sont les alternatives à Bootstrap pour la création de grilles réactives ?

Des alternatives à Bootstrap incluent Foundation et Bulma, qui offrent également des systèmes de grilles réactives et divers outils de mise en page.

Programme détaillé

Accueil de la formation

Module 1 - Introduction

Présentation de Bootstrap et de la formation 02:05

Découvrir les outils nécessaires 03:55

Télécharger et découvrir les fichiers de Bootstrap 03:53

Différentes façons de charger Bootstrap 07:30

Module 2 - Explication de la grille

Découvrir la logique de Bootstrap 14:57

Savoir utiliser les préfixes xs - sm - md -lg 07:10

Découvrir les autres class 09:32

Module 3 - Mettre du style

Personnaliser facilement le texte 10:26

Styliser vos tableaux 07:10

Utiliser les boutons déjà stylisés 09:12

Découvrir toutes les class très pratiques 12:02

Gérer le responsive uniquement avec des class 07:05

Module 4 - Utiliser les composants prêt à l’emploi

Construire un menu responsive 14:20

Insérer des icônes 03:56

Mettre en place un Beadcrumbs et une pagination 10:12

Ajouter des label et badges 03:32

Insérer une vidéo en responsive (embed) 04:47

Module 5 - Utiliser les composants JavaScript

Présentation de la logique de fonctionnement commune 03:26

Afficher des modals 05:02

Afficher des tooltip et popover dans votre contenu 08:36

Gérer l’affichage du contenu avec les Tabs et Collapse 13:20

Ajouter et configurer un carousel 11:34

Utiliser le scrollspy pour activer les éléments du menu en fonction du scroll 04:54

1 commentaire

4,0

1 vote

Stephd

Il y a 4 ans

tres bonne formation c est une bonne decouverte generale.