Introduction
Explication de la grille
Mettre du style
Utiliser les composants prêt à l’emploi
Utiliser les composants JavaScript
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML et CSS, ainsi qu'une familiarité avec le framework Bootstrap.
Métiers concernés
Ces compétences sont particulièrement utiles pour les développeurs web front-end, les designers UX/UI, et tout professionnel impliqué dans la création et la maintenance de sites web réactifs.
Alternatives et ressources
En plus de Bootstrap, d'autres frameworks CSS comme Foundation ou Bulma peuvent être utilisés pour des conceptions réactives similaires.
Questions & Réponses
col-xs-push-* et col-xs-pull-* à vos éléments pour les déplacer respectivement vers la droite ou la gauche de * colonnes.
Je m'abonne