Webentwicklung: So gelingt der Umstieg auf Bootstrap Version 5
Wir stellen die Neuerungen des Frontend-Frameworks Bootstrap 5 vor und zeigen, was Sie beim Umstieg von einer älteren Version beachten müssen.
- Dr. Florence Maurice
Mit dem beliebten Frontend-Framework Bootstrap erstellen Sie rasch Layouts für Webseiten mit allem, was dazugehört – von einfachen Komponenten wie Buttons bis zu ausklappbaren Navigationsleisten. Die Bootstrap Version 5 bringt dabei im Vergleich zu ihren Vorgängern einige grundsätzliche Neuerungen.
Wie Sie Layouts in Bootstrap 5 erstellen, zeigen wir anhand der Umsetzung eines einfachen Beispiels mit typischen Komponenten: eine Navigation, die bei kleinem Viewport zum Hamburger-Icon wird und sich dann per Klick darauf aus- und einklappen lässt; ein hervorgehobener Bereich, der in Bootstrap 4 über eine Jumbotron-Komponente realisiert wird, in Bootstrap 5 über Hilfsklassen; außerdem Karten und Footer-Raster.
Anhand des Beispiels zeigen wir die Unterschiede zwischen Version 4 und Version 5 – sodass Sie direkt sehen, welche Änderungen für das Upgrade in die neue Version nötig sind.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Dynamische Strompreise nutzen: Ein Erfahrungsbericht mit Tibber
PyTorch: Eigene Bildgenerierungs-KI mit Python bauen
Linux-Umstieg: Sicher durch die Linux-Installation
Bastel-Projekt: Elektroniklabor für den Küchentisch
IT-Gehälter 2024: Das verdienen Security-Experten in Deutschland
Wandel bei Wärmepumpen: Neue Kältemittel, ohne Kompressor und mit KI
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Dynamische Strompreise nutzen: Ein Erfahrungsbericht mit Tibber
PyTorch: Eigene Bildgenerierungs-KI mit Python bauen
Linux-Umstieg: Sicher durch die Linux-Installation
Bastel-Projekt: Elektroniklabor für den Küchentisch
IT-Gehälter 2024: Das verdienen Security-Experten in Deutschland