"12 Spalten Grid" vs "Spalten"

Hallo,

vermutlich eine doofe Frage, aber ich stelle sie dennoch ;-)
Wenn ich "12-Spalten Grid" in einem Layout aktiviert habe, kann ich bei allen Artikeln eine gridX Klasse setzen, um so die Breite des Artikels im Grid festzulegen. Also drei Artikel mit grid4 ergibt drei Spalten. Soweit, so gut.
Aber, zum Verständnis: diese "12-Spalten Grid" Layout Angabe bezieht sich grundsätzlich auf die Hauptspalte, ist das richtig ?
Zum anderen: wenn ich "12-Spalten Grid" ausgewählt habe und dort z.B. per grid4 drei Spalten erzeugt habe und nun aber in den Layouteinstellungen bei "Spalten" eine linke Spalte aktiviere (sagen wir Breite 300px), dann haut das mit den 3 Spalten und grid4 nicht mehr hin. D.h., diese Spalte links erscheint dann nicht einfach neben dem Grid in der Hauptspalte, anscheinend schliesst sich das aus.
Warauf ich hinaus will: Wenn ich ein "12-Spalten Grid" verwende, dann tunlichst nur mit einer Hauptspalte, also ohne eine Spalte links oder rechts zu definieren oder kann man das "kombinieren" ?! :confused:


vielen Dank + Gruß,
Thorsten

Aus meiner alten Contao 3 Grid Akademie Seite:

Zitat:

---

Normalerweise wird mit diesem Grid direkt gearbeitet ohne den Layout Builder zu nutzen und ohne der Definition einer linken und/oder rechten Spalte im Layout. Die Spalten werden dann z.B. mit 3 Artikel die nebeneinander gelegt werden nachgebildet (left,main,right : grid3-grid6-grid3).

Wer den Layout Builder inkl. Spalten und Holy Grail Layout in Verbindung mit dem Responsive Grid nutzen möchte, der definiert einfach z.B. für left den Pixelwert der Grid Spalte + 2x10 Pixel (Abstand). Bei grid3 wäre das also 220px + 2x10px = 240px. Wichtig ist hier, es muss einer der Grid Klassen Breiten genommen werden als Basis, damit in Summe aller Grid Spalten wieder die 960 Pixel heraus kommen.

---

Es gab auch mal ein Grid was auf Prozente basierte, da ist das dann nochmal anders.

Hm, auf die 240 Pixel komme ich doch einfach indem ich 960 * 3 / 12 rechne...
Aber wie dem auch sei: sieht so aus, als wäre es zwar möglich Spalten und Grid Layout zu kombinieren, aber irgendwie ziemlicher Quatsch. Oder hätte das wirklich einen Vorteil wegen Resposive und so, von wegen Holy Grail ? :thinkingface:
Habs grad mal in der Powepoint Präsentation nachgelesen: hat eher Nachteile, da eine seitliche Spalte eine feste Breite bekommt, und damit nicht automatisch responsiv ist. Müsste man also noch Media Queries verwenden.

Zitat:

---

Zitat von thorsten23

Hm, auf die 240 Pixel komme ich doch einfach indem ich 960 * 3 / 12 rechne...

---

Ja, aber die Grid Spalte besteht halt auch aus den Abständen.

Zitat:

---

Zitat von thorsten23

Aber wie dem auch sei: sieht so aus, als wäre es zwar möglich Spalten und Grid Layout zu kombinieren, aber irgendwie ziemlicher Quatsch. Oder hätte das wirklich einen Vorteil wegen Resposive und so, von wegen Holy Grail ? :thinkingface:
Habs grad mal in der Powepoint Präsentation nachgelesen: hat eher Nachteile, da eine seitliche Spalte eine feste Breite bekommt, und damit nicht automatisch responsiv ist. Müsste man also noch Media Queries verwenden.

---

Ja, sollte man nicht tun.

Ich gehe mittlerweile von dem klassischen Grid weg und beschäftige mich mit Flexbox und CSS-Grid-Layout.
Peter Müller hat dazu einen netten Kurs auf LinkedIn https://t.co/oedocVCMR3

Ja, LinkedIn ist gut, Peter Müller auch, aber (noch) habe ich da keinen Account. Sollte ich mal ernsthaft drüber nachdenken.
Aber für eine einfache Webseite ist das Gridlayout hoffentlich noch vollkommen ausreichend. Mit CSS-Grid-Layout habe ich schon gearbeitet, aber halt nicht im Zusammenhang mit Contao. Ich vermute mal, das Contao das irgendwann "integriert", sozusagen.. ?

Wenn Du damit schon gearbeitet hast, dann sind das doch prima Voraussetzungen. Eigentlich ist die Struktur, die Contao mitbringt an sehr vielen Stellen schon gut mit Flexbox und CSS-Grid zu verwenden.

Zitat:

---

Zitat von thorsten23

Ich vermute mal, das Contao das irgendwann "integriert", sozusagen.. ?

---

Das halte ich eher für unwahrscheinlich, da CSS zum Theme gehört und nicht in den Core.
Oder wie meinst du das?

ich meine da es ja auch jetzt eine Option "12-Spalten Grid" gibt, da es da evtl. etwas ähnliches gibt. ?!

Im Bootstrap Framework gibt es dafür z.B. Offset-Klassen.