Begriff des Gitters¶
Das Prinzip eines Gitters
Ein Gitter ist einfach ein Schnitt in Zellen mit den gleichen Abmessungen wie unten dargestellt:
Das Bootstrap-Gitter hat 12 Spalten.
Terminologie
Ein Gitter ist in Zeilen (in Bootstrap „row“ und in WebAcappella RC „Line“ genannt) und Spalten („col“) unterteilt, wie in der folgenden Abbildung gezeigt:
Das Bootstrap-Gitter
Die Spalteneinteilung teilt die Bildschirmbreite in Prozent. Für die Zeilen wird die Höhe jedoch an den Inhalt angepasst.
Organisation des Netzes¶
Bootstrap berücksichtigt 4 Arten von Medien:
Groß (Lg) |
Bn |
Sm |
Xklein (Xs) |
|---|---|---|---|
|
|
|
|
Referenzwert |
Referenzwert |
Referenzwert |
Referenzwert |
>= 1200 px |
>= 992 px |
>= 768 px |
< 768 px |
Und im WebAcappella-Gitter?
Ein Gitter wird in WAGRID durch die Schaltfläche “ BOX “ definiert, das beliebig viele Zeilen mit einer maximalen Breite von immer 12 Spalten pro Zeile enthält.
Eine Zeile (Zeile im Bootstrap) wird Elemente (Text, Bild usw.) enthalten.
Die 2 Hauptkomponenten sind die „BOX“ und die „LINE“.
Bemerkung
BOX: Dies ist die primäre (und daher unverzichtbare) Komponente, die einzige, in der Zeilen hinzugefügt werden können.
Bemerkung
LINE: Komponente, die es Ihnen erlaubt, Bilder, Text, eine Galerie usw. einzufügen.
Eine Zeile ist in 12 Spalten unterteilt (siehe Bootstrap), eine Komponente wie z.B. ein Bild kann mindestens 1 Spalte und höchstens 12 Spalten breit sein.
Insgesamt können wir also 12 Komponenten von 1 Einheitsbreite haben.
Was die Höhe einer Zeile betrifft, so hängt sie von der Größe der Breite der eingefügten Komponente(n) ab (Begriff der Ration für ein Bild, Begriff des Inhalts für den Text im Besonderen).
Der Begriff des Verhältnisses bezieht sich auf den Begriff der Proportionalität (Breite*Höhe) und damit auf die „Größenänderung“ eines Bildes.
Der Inhalt hat einen Begriff von „Fluidität“, d.h. der Inhalt muss in jedem Fall erscheinen, und wenn Sie also die Breite reduzieren (also Inhalt verlieren), wird dies unweigerlich durch einen Höhengewinn kompensiert.
Der Abstandhalter ist ein separates Bauteil in dem Sinne, dass er eine feste Größe hat, die es ermöglicht, einen Spielraum zu erzeugen.