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.
Das war die Leseprobe unseres heise-Plus-Artikels "Webentwicklung: So gelingt der Umstieg auf Bootstrap Version 5".
Mit einem heise-Plus-Abo können sie den ganzen Artikel lesen und anhören.
Immer mehr Wissen. Das digitale Abo für IT und Technik.
Nur bis zum 31. Mai: heise+ 1 Jahr für nur 1,90 pro Woche lesen. Unbegrenzter Zugriff auf alle heise+ Artikel inklusive allen Digital-Magazinen.Länger lesen, mehr sparen: heise+ 1 Jahr lang für nur 1,90 € pro Woche lesen und brandaktuelles IT- und Tech-Wissen sichern. Zugriff auf alle heise+ Artikel inklusive der Digital-Magazine. Nur bis zum 31. Mai!