Standartcontainer lassen links und rechts Platz.

Bootstrap-Inhalte werden in Containern gegliedert.

Margin: Außenabstand
Der Margin wird in Bootstrap über die Klasse m gesteuert. Je "Richtung" kann ein Wert von 0 bis 5 angegeben werden.

Die Paddings werden genauso gestetzt, nur mit einem p als Präfix

Fließende Container

Fließende Container nehmen die volle Breite des Viewports ein.

Responsive Container

Responsive Container nehmen 100% der Breite ein, bis ein bestimmter Breakpoint erreicht ist. Danach werden sie in der Breite reduziert dargestellt.
100% breit bis zum sm-Breakpoint
100% breit bis zum md-Breakpoint
100% breit bis zum lg-Breakpoint
100% breit bis zum xl-Breakpoint
100% breit bis zum xxl-Breakpoint

Das Grid-System

Container lassen sich in einem 12-Spaltigen Grid-System layouten/ anordnen
Beispiel:
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1

Aufgabe

Erstellen sie eine Übersicht über die vorhandenen Vor- und Hintergrundfarben indem sie diese als Container in einem Grid anordnen.
primary
success
danger
warning
info
light
dark

Navbars

lol