Foundation - Flex Grid
Das Raster hängt von der Flex- Anzeigeeigenschaft ab. Es besteht aus einer Reihe von Funktionen, die mit der Flexbox verfügbar sind, wie z. B. automatisches Stapeln, Quellenreihenfolge, vertikale Ausrichtung und horizontale Ausrichtung.
Browser-Unterstützung
Das Flex-Grid wird in Chrome, Firefox, Internet Explorer 10+, Safari 6+, Android 4+ und iOS 7+ unterstützt.
In der folgenden Tabelle werden die Funktionen von Flex Grid zusammen mit der Beschreibung beschrieben.
Sr.Nr. | Funktionen & Beschreibung |
---|---|
1 | Importieren
Es enthält das Export-Mixin für das Flex-Grid, um das Standard-CSS zu verwenden. |
2 | Grundlagen
Die Flex-Gitterstruktur ähnelt der des Float-Gitters. |
3 | Erweiterte Dimensionierung
Wenn die Größenklasse nicht in der Spalte enthalten ist, erweitert sie sich selbst und füllt den verbleibenden Platz in der Spalte aus. |
4 | Reaktionsschnelle Anpassungen
Wenn die explizite Größe der Spalte im Flex-Raster nicht angegeben ist, werden die Spalten automatisch in der Größe angepasst |
5 | Spaltenausrichtung
Die Flex-Grid-Spalten können in der übergeordneten Zeile horizontal oder vertikal ausgerichtet werden. |
6 | Quellenbestellung
Die Quellreihenfolge hilft dabei, die Spalte in verschiedenen Bildschirmgrößen neu anzuordnen. |
7 | Sass Referenz
SASS (Syntactically Awesome Stylesheet) ist ein CSS-Vorprozessor, der dazu beiträgt, Wiederholungen mit CSS zu reduzieren und Zeit zu sparen. |