Fondazione - Flex Grid
La griglia dipende dalla proprietà di visualizzazione flessibile . Consiste in una serie di funzioni disponibili con il flexbox, come l'impilamento automatico, l'ordinamento della sorgente, l'allineamento verticale e l'allineamento orizzontale.
Supporto browser
La griglia flessibile è supportata in Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ e iOS 7+.
La tabella seguente descrive le caratteristiche di Flex Grid insieme alla descrizione.
| Sr.No. | Caratteristiche e descrizione |
|---|---|
| 1 | Importazione Include il mixin di esportazione per la griglia flessibile per utilizzare il CSS predefinito. |
| 2 | Nozioni di base La struttura della griglia Flex è simile a quella della griglia flottante. |
| 3 | Dimensionamento avanzato Se la classe di dimensionamento non è inclusa nella colonna, si espande e riempie lo spazio rimanente nella colonna. |
| 4 | Adeguamenti reattivi Se non viene specificata la dimensione esplicita della colonna nella griglia flessibile, le colonne verranno ridimensionate automaticamente |
| 5 | Allineamento delle colonne Le colonne della griglia flessibile possono essere allineate sull'asse orizzontale o verticale nella riga principale. |
| 6 | Ordine di origine L'ordinamento della sorgente aiuta a riorganizzare la colonna in schermate di dimensioni diverse. |
| 7 | Riferimento Sass SASS (Syntactically Awesome Stylesheet) è un pre-processore CSS che aiuta a ridurre la ripetizione con CSS e fa risparmiare tempo. |