====== LU13b - Container und Spalten ======
Bootstrap benötigt einen Container welcher die Inhalte einschliesst.
Du hast die Wahl zwischen einem dynamischen Container und einem Container der immer die maximale Bildschirmbreite nutzt.
Innerhalb des Containers arbeitet Bootstrap mit einem Layout das zwölf Spalten umfasst.
Du kannst für jedes Element definieren, wieviel Spalten es belegen soll.
===== Container =====
//Siehe auch [[https://getbootstrap.com/docs/5.3/layout/containers/|bootstrap - containers]] und [[https://www.w3schools.com/bootstrap5/bootstrap_containers.php|w3schools - containers]]//
Die Klassen ''.container'' und ''.container-fluid'' dienen als Basis für die Formatierung der Elemente in Bootstrap.
Bei ''.container'' hat das HTML-Element eine vordefinierte Grösse, die sich abhängig von der Fenstergrösse anpasst.
Falls du immer die ganze Breite des Fensters nutzen willst, wählst du die Klasse ''.container-fluid''.
==== Welche(s) HTML-Element? ====
Es stellt sich die Frage, welchem HTML-Element wir die Container-Klasse zuordnen sollen.
In den meisten Beispielen wird ein separates ''
''-Element verwendet.
Aus meiner Sicht ist es sinnvoller, die bereits vorhandenen Elemente wie '''', '''', '''', ''