Utilisation de l'Offset pour Structurer vos Colonnes
Objectifs
Les objectifs de cette vidéo sont :
- Comprendre l'utilisation de la propriété offset en Bootstrap.
- Savoir créer des espaces vides entre des colonnes.
- Apprendre à manipuler les classes CSS pour des mises en page responsives.
Résumé
Apprenez à créer des espaces vides dans une architecture web grâce à la propriété offset de Bootstrap.
Description
Dans cette leçon, nous allons explorer comment utiliser la propriété offset de Bootstrap pour créer des espaces vides entre des colonnes dans une grille. Nous allons voir comment manipuler la disposition en jouant avec les différentes tailles d'écrans, notamment avec des classes comme offset-m4 et offset-s8. L'objectif est de comprendre comment réorganiser nos éléments pour améliorer la présentation visuelle et la responsivité de nos pages web.
En utilisant des balises HTML et en ajustant les classes CSS, nous pouvons créer des mises en page plus dynamiques sans avoir des colonnes vides inutiles. Nous verrons comment appliquer cet offset de manière conditionnelle selon les besoins de notre projet et les variations d'affichage sur différents appareils. À la fin de cette leçon, vous serez capable d’incorporer des espaces vides stratégiquement dans votre mise en page, optimisant ainsi l'expérience utilisateur.
Questions - réponses
Programme détaillé
Module 1 - Materialize css
Module 2 - Un site en materializecss
