Fondation - Flex Grid
La grille dépend de la propriété d'affichage flexible . Il se compose d'un certain nombre de fonctionnalités disponibles avec la flexbox, telles que l'empilement automatique, l'ordre des sources, l'alignement vertical et l'alignement horizontal.
Prise en charge du navigateur
La grille flexible est prise en charge dans Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ et iOS 7+.
Le tableau suivant décrit les fonctionnalités de Flex Grid avec la description.
| N ° Sr. | Caractéristiques et description |
|---|---|
| 1 | Importation Il inclut le mixin d'exportation pour que la grille flexible utilise le CSS par défaut. |
| 2 | Basiques La structure de la grille Flex est similaire à celle de la grille flottante. |
| 3 | Dimensionnement avancé Si la classe de dimensionnement n'est pas incluse dans la colonne, elle se développe d'elle-même et remplit l'espace restant dans la colonne. |
| 4 | Ajustements réactifs Si la taille explicite de la colonne dans la grille flexible n'est pas donnée, il redimensionnera automatiquement les colonnes |
| 5 | Alignement des colonnes Les colonnes de la grille flexible peuvent être alignées sur l'axe horizontal ou vertical dans la ligne parent. |
| 6 | Ordre des sources L'ordre des sources permet de réorganiser la colonne en différentes tailles d'écrans. |
| sept | Référence Sass SASS (Syntactically Awesome Stylesheet) est un pré-processeur CSS qui permet de réduire les répétitions avec CSS et de gagner du temps. |