Jedes Bootstrap-Layout besteht aus zwei Teilen: einem Container, der Breite und Außenabstand festlegt, und dem Grid-System, das den Platz darin in Zeilen und Spalten aufteilt.

Der Container entscheidet, ob dein Inhalt eine feste Maximalbreite bekommt, ab welchem Breakpoint er ausbricht oder ob er über die volle Fensterbreite läuft. In t3sbootstrap lässt sich das global, pro Seitenbaum und pro Content-Element setzen – die feinere Ebene gewinnt.

Das Grid arbeitet mit zwölf Spalten und fünf Breakpoints. Du legst pro Umbruchpunkt fest, wie viele der zwölf Einheiten eine Spalte einnimmt; die Abstände dazwischen steuerst du über die Gutter-Optionen statt über eigenes CSS.

Wer beides sauber trennt, kommt bei den meisten Seiten ohne eine einzige eigene Media Query aus.