Utility-Klassen

Übungsaufgaben zu den Bootstrap-Grundlagen: Grid, Utility-Klassen, Cards und Formulare für Mitfahrgesuche

Übungen zu den Bootstrap-Grundlagen rund um die Mitfahrgesuche des Mitfahrlabors: Du ordnest Bootstrap-Klassen ihrer Aufgabe zu, liest aus Grid-Klassen ab, wie viele Karten nebeneinander stehen, baust ein Layout nach Skizze, stellst Gesuche als Cards dar, ergänzt ein Formular um Validierungszustände und findest die Mängel einer fehlerhaften Bootstrap-Seite.

Bootstrap-Grundlagen: Webseiten mit Grid, Utility-Klassen und Komponenten gestalten

Bootstrap ist ein CSS-Framework mit einem Raster für Layouts, Hilfsklassen für Abstände und Farben sowie fertigen Komponenten wie Navigationsleisten, Tabellen und Formularen. Am Beispiel der Abfahrtsanzeige für den Flurmonitor lernst Du, Bootstrap per CDN, WebJar und npm einzubinden, ein Layout mit Containern, Zeilen, Spalten und Breakpoints zu bauen, Utility-Klassen und Komponenten zu nutzen und Bootstrap über CSS-Variablen anzupassen, ohne die Bibliothek zu ändern. Zum Schluss: wo Bootstrap bei der Barrierefreiheit hilft und wo Du selbst nacharbeiten musst.