Standartcontainer lassen links und rechts Platz.

Bootstrap-Inhalte werden in Containern gegliedert.

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

m-5: Abstand auf allen Seiten Maximal.
mx-5: Abstand auf der x-Achse(l und r
my-2: Abstand nach oben und unten
mt/mb/ms/me: Einzelne Abstände der seiten

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

Fließende Container

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

Responive Container

Responsive Container nehmen 100% der Breite ein bis ein bestimmter Breakpoint erreicht ist. Danach werden sie in der Breite reduziert dargestellt.

100% breite bis zum sm breakpoint.

100% Breite bis zum md Braekpoint.

100% Breite bis zum xxl Breakpoint.

100% Breit bis zum Sm Point.

Das Grid-System

Container lassen sich in eine 12-Spaltigen Grid System layouten/ anordnen.
Beispiel:

.col-1

Aufgabe

erstellen sie eine Übersicht über die vorhandenen Vorder- und Hintergrundfarben indem Sie diese als Container in einem Grid anordnen.

Rot

Gelb

Türkis

Blau

Grün

Navbars

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