standart container lassen nach 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 er ein wert von o bis 5 angegeben werden
m-5 abstand auf allen Seiten maximal
mx-5 Abstand auf der y-achse (1 und r)
my-2 Abstand nach oben oder unten
mt/mb/ml/mr: 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 Viewpoints ein.
Responsive Conatiner
Responsive Container nehmen 100% der Breite ein,
bis ein bestimmter breakpoint erreicht ist. Danach wrden sie in der breite reduziert.
100% breit bis zum sm break point
100% breit bis zum md break point
100% breit bis zum lg break point
100% breit bis zum xl break point
100% breit bis zum xxl break point
das Grid System
Container lassen sich in einem 12-Spaltigem
Grid system layout/ anordnen.
beispiel;
col-1
col-1
col-1
col-1
col-1
col-1
Aufgabe
Erstellen sie eine übersicht über die vorhandenen Vorder- und Hintergrundfarben indem Sie diese als container in einem grid anordnen.
dark
success
danger
info
navbars
Navigationsleisten sind Bereiche mit links, die meist oben auf einer website dargestellt werden und bei der navigation helfen.
Eine nNavbar WIRD IMMER in ein Container-Div gepackt. Diesem wird die Klasse .navbar zugeordnet.
Zusätzlich sollte eine responive klasse verwendet werden z.b. .container-fluid.