Container lassen links und rechts Platz.

Container gegliedert

Margin: Außenabstand

0-5 Wert je Richtung kann gerichtet werden
Paddings werden gleich gesetzt

Fließender Container

Fließende Container lassen keinen Platz.

Responsive Container

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

Das Grid-System

Container lassen sich in einem 12-spaltigen Grid-System anordnen.
Beispiel:
.col-1
.col-1
.col-1
.col-1
.col-1
.col-1

Aufgabe

Erstellen Sie eine Übersicht über die vorhandenen Vorder- und Hintergundfarben indem Sie diese als Container in einem Grid anordnen.
Blau
Hellblau
Grau
Hellgrau
Grün
Hellgrün
Rot
Hellrot
Gelb
Hellgelb
Cyan
Hellcyan

Navbars

Navigationsleisten sind Bereiche mit Links, die meist oben auf der Website dargestellt werden und der Navigation zwischen den Unterseiten oder verschiedenen Bereichen einer Website dienen.
Bootstrap-Navbars können in Abhängigkeit vom Viewport zwischen horizontaler, vertikaler und Hamburger-Darstellung wechseln.
Eine Navbar wird immer in ein Container-div gepackt. Diesem wird die Klasse .navbar zugeordnet.
Zusätzlich sollte eine responsive Klasse verwendet werden, zum Beispiel .container-fluid.