Fundacja - Flex Grid
Siatka zależy od właściwości wyświetlania flex . Składa się z wielu funkcji dostępnych w module flexbox, takich jak automatyczne układanie w stosy, porządkowanie źródeł, wyrównanie w pionie i wyrównanie w poziomie.
Wsparcie przeglądarki
Siatka elastyczna jest obsługiwana w przeglądarkach Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ i iOS 7+.
W poniższej tabeli opisano funkcje Flex Grid wraz z opisem.
| Sr.No. | Funkcje i opis |
|---|---|
| 1 | Importowanie
Zawiera mikser eksportu dla siatki elastycznej, aby użyć domyślnego CSS. |
| 2 | Podstawy
Struktura siatki Flex jest podobna do struktury siatki pływającej. |
| 3 | Zaawansowane rozmiary
Jeśli klasa rozmiaru nie jest zawarta w kolumnie, rozwija się i wypełnia pozostałe miejsce w kolumnie. |
| 4 | Responsive Adjustments
Jeśli nie podano jawnego rozmiaru kolumny w siatce elastycznej, rozmiar kolumn zostanie automatycznie dopasowany |
| 5 | Wyrównanie kolumn
Kolumny siatki elastycznej można wyrównać do osi poziomej lub pionowej w wierszu nadrzędnym. |
| 6 | Zamawianie źródła
Porządkowanie źródeł pomaga zmienić układ kolumny w różnych rozmiarach ekranów. |
| 7 | Sass Reference
SASS (Syntactically Awesome Stylesheet) to preprocesor CSS, który pomaga zmniejszyć liczbę powtórzeń w CSS i oszczędza czas. |