Warum tiefe Verschachtelung teuer wird
Ein Grid im Grid ist in Bootstrap ausdrücklich vorgesehen und manchmal unvermeidlich. Ab der dritten Ebene wird es allerdings schwer zu überblicken – und im TYPO3-Backend noch schwerer zu pflegen.
Der Grund liegt in der Mechanik: jede Zeile bringt einen negativen Außenabstand mit, jede Spalte einen Innenabstand. Das hebt sich in einer Ebene sauber auf. Verschachtelt man weiter, addieren sich die Effekte, und ein Element steht plötzlich um Werte eingerückt, die in keiner einzelnen Einstellung stehen.
Zwei Ebenen reichen für fast alles. Was darüber hinausgeht, lässt sich meist mit Utility-Klassen lösen: ein d-flex mit gap ersetzt eine ganze Grid-Ebene, wenn es nur darum geht, drei Elemente nebeneinanderzustellen.
Im Backend kommt ein praktisches Argument dazu: Redakteure verlieren in tief verschachtelten Containern den Überblick, welches Element wohin gehört. Ein flaches Layout mit klaren Abschnitten wird schlicht seltener kaputtgepflegt.