https://wiki.bzz.ch/ 2026-04-07T11:39:38+00:00 https://wiki.bzz.ch/ https://wiki.bzz.ch/_media/wiki/logo.png text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/m287/learningunits/lu06/anpassen?rev=1769507377&do=diff LU06d - Anpassungen Je nach Bedarf können wir das Design von Bootstrap an unsere Wünsche anpassen und um weitere Elemente erweitern. Auf den folgenden Seiten werden wir zwei Elemente anschauen. Farben, Schriften anpassen In aller Regel können wir die Designelemente des Bootstrap-Frameworks ohne grosse Anpassungen übernehmen. Die verschiedenen Elemente sind stimmig und gut aufeinander angepasst. Es kann jedoch sein, dass das CI/CD unseres Auftraggebers anderen Farben und Schriften vorgibt. text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/m287/learningunits/lu06/container?rev=1769507377&do=diff LU06b - 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. text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/m287/learningunits/lu06/einfuehrung?rev=1769507377&do=diff LU06a - Einführung Bootstrap Bootstrap ist ein freies CSS-Framework für die Entwicklung von HTML-Webseiten. Es wurde speziell für „reagierendes Webdesign“ (engl. responsive design) entwickelt. Bootstrap enthält eine grosse Anzahl von CSS-Klassen für die Formattierung unserer Webseiten. Dabei wird grosser Wert darauf gelegt, dass die Elemente auf (fast) jeder Bildschirmgrösse sinnvoll dargestellt werden. text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/m287/learningunits/lu06/start?rev=1769507377&do=diff LU06 - Bootstrap * LU06a - Einführung Bootstrap * LU06b - Container und Spalten * LU06c - Weitere Gestaltungselemente * LU06d - Anpassungen * LU06e - Variablen für Farben und Schriften Aufgaben * LU06.A01 - W3Schools Bootstrap Lösungen Dieser Namensraum existiert nicht: de:modul:m287:learningunits:lu06:loesungen text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/m287/learningunits/lu06/variablen?rev=1769507377&do=diff LU06e - Variablen für Farben und Schriften Variablen in CSS Siehe auch selfhtml - CSS/Funktion/var() Die Einstellungen der Farben und Schriften in Bootstrap werden über Variablen definiert. Eine Liste aller Variablen finden wir unter bootstrap - css-variables Ohne in alle Details von Variablen zu text/html 2026-01-27T09:49:37+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.bzz.ch/de/modul/m287/learningunits/lu06/weitere?rev=1769507377&do=diff LU06c - Weitere Gestaltungselemente Für fast jede Art von HTML-Elementen bietet Bootstrap Klassen zur Gestaltung an. Studieren Sie die verschiedenen Abschnitte in der Dokumentation: * Formulare * Tabellen * Bilder * Navigation ---------- m293-lu13 m293-xny <https://creativecommons.org/licenses/by-nc-sa/4.0/> Kevin Maurizi, Marcel Suter