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.
![](https://heise.cloudimg.io/width/610/q85.png-lossy-85.webp-lossy-85.foil1/_www-heise-de_/imgs/18/3/1/4/5/4/9/0/Screenshot_2021-05-06_112228-c8fedff7eb90c3ae.jpeg)
- 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.
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.