Flexbox CSS3 est un modèle de boîte flexible qui succède aux solutions de display "inline" et "float" pour gérer la disposition des éléments et structure des pages web.

Voici, un cours complet pour apprendre les concepts de base de Flexbox, avec :

• 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),

• et, 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 ...

Et, Bootstrap 4 avec Flex: un projet pour découvrir les bénéfices du CSSmoderne et d'une mise en page contrôlée et facilitée grâce aux classes et utilities Flex de Bootstrap 4.