Materialize css
Un site en materializecss
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé d'avoir des connaissances de base en HTML, CSS et Bootstrap.
Métiers concernés
Les compétences abordées dans cette vidéo sont particulièrement utiles pour les métiers suivants :
- Développeur web
- Designer UX/UI
- Intégrateur HTML/CSS
Alternatives et ressources
En plus de Bootstrap, des libraries comme Bulma et Foundation peuvent aussi être utilisées pour gérer la disposition des colonnes et les espaces vides.
Questions & Réponses
Je m'abonne