Maîtriser les Grilles et Colonnes dans Bootstrap

Découvrir les autres class
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Bootstrap - Le Framework Front-End
Revoir le teaser Je m'abonne
2,5
Transcription

Cette leçon fait partie de la formation
49,90€ Je commande

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

DescriptionProgrammeAvis
2,5
Cette leçon fait partie de la formation
49,90€ Je commande

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

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.

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

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.

Voir plus
Questions réponses
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.
2 commentaires
2,5
2 votes
5
4
3
2
1
ideal.micro40
Il y a 1 semaine
video sur Bootstrap 3 alors qu'on est sur la version 5.3.6.
on parle de jquery alors que dans la version il n'y est plus
on nous parle de phpstorm comme editeur qui est payant voir lez bloc note (au secours !!!)
il y a vscode qui maintenant est utiliser par quasi tous les développeurs et qui est gratuit.

sur la video : Maîtriser les Grilles et Colonnes dans Bootstrap
1 - le cours annonce la modification pour passer sur 4 colonne puis de changer les titres,
a ce moment la on reviens en arrière à la modification pour passer en 4 colonnes... et ça recommence
grosse erreur de montage.

2 - ensuite push et pull ont été supprimé pour utiliser le système flexbox sur la version 5
avec les classes order pour gérer l'ordre des colonnes.

3 - l'explication sur le offset n'est absolument pas claire :
on a une première explication, puis une deuxième qui est la même mais avec le résultat directe avec offset.

bref je vais être franc j'ai trouver une formation sur udemy sur bootstrap 5 bien plus intéressante, je ne trouve pas normal d'avoir une formation sur bootstrap 3 qui nous induit en erreur.
ayant passer ce premier chapitre j’arrête car je ne vois aucun intérêt à continuer.
Stephd
Il y a 4 ans
tres bonne formation c est une bonne decouverte generale.