Breakpoints richtig wählen
Wann lohnt sich ein eigener Umbruchpunkt und wann reicht die Standardstufe? Ein Blick auf die fünf Bootstrap-Breakpoints und typische Fehlerquellen.
Bootstrap bringt fünf Umbruchpunkte mit: sm, md, lg, xl und xxl, beginnend bei 576 Pixeln. Die Frage ist selten, ob sie ausreichen, sondern ob man alle fünf braucht. In der Praxis kommen die meisten…
GrundlagenLayout#Tag 1
Verschachtelte Grids vermeiden
Jede zusätzliche Grid-Ebene verdoppelt die Abstandslogik. Wie sich tiefe Verschachtelungen durch Utilities ersetzen lassen.
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…
Layout#Tag 1
Zwölf Spalten, fünf Breakpoints
Ein Bootstrap-Layout besteht immer aus drei Ebenen: einem Container, darin Zeilen und darin Spalten. Der Container legt die maximale Breite fest, die Zeile setzt den negativen Außenabstand, die Spalten teilen die zwölf verfügbaren Einheiten unter sich auf. Abstände zwischen den Spalten werden über Gutter-Klassen gesteuert, nicht über eigene Margins.