Tuto – Apprenez à utiliser Flexbox + Projet avec Bootstrap
Tuto – Apprenez à utiliser Flexbox + Projet avec Bootstrap
RAR | Vidéo + Fichiers source | Français | 4 H 37 Min | 6.1 Go
Flexbox CSS est un modèle de boîtes flexibles qui succède aux solutions de display « inline » et « float » pour gérer la disposition des éléments et structures des pages web. Voici, un cours complet en ligne pour apprendre les concepts de base de Flexbox. Enfin, nous apprendrons à utiliser Bootstrap avec Flex : un projet pour découvrir les bénéfices du CSS moderne et d’une mise en page contrôlée et facilitée grâce aux classes et utilities Flex de Bootstrap.
Au programme :
• Les options de direction et d’orientation (row et column)
• Les options pour aligner des éléments dans un conteneur flexible et gestion des espaces disponibles (fluidité)
• Alignements et centrages horizontaux et verticaux, justifiés, répartis…
• Le contrôle de l’ordre avec la réorganisation des éléments indépendamment de l’ordre du flux (DOM)
• Distribution des éléments horizontale ou verticale, avec passage à la ligne autorisé
Plusieurs démos sur :
• Le conteneur flexible
• Les propriétés flex
• La disposition des éléments flex en colonne et rangée
• Les options d’alignement des éléments flex
• Le contrôle de l’ordre des éléments flex
Des TP pour une mise en pratique rapide :
• Des exemples et projets de mise en page, de simple à plus complexe, avec les propriétés Flex
• Menu responsive flex, galerie d’images…
Plus d’info:
_https://fr.tuto.com/css/apprenez-a-utiliser-flexbox-projet-avec-bootstrap,139181.html
