Web-Layout erstellen mit Open-Source-Framework Bootstrap
Dank Bootstrap zaubern Sie rasch Webseiten mit allen gängigen und auch komplexen Komponenten. Wir zeigen Ihnen anhand eines Beispiellayouts die Funktionsweise.
- Dr. Florence Maurice
Bootstrap ist ein äußerst beliebtes OpenSource-Frontend-Framework zur Erstellung von Webseiten. Es bietet alle gängigen Komponenten: von einfachen Buttons über gestylte Formularelemente und Karten bis hin zum Raster zur Anordnung der Bereiche. Aber auch komplexere Bestandteile wie Slider, ausklappende Navigationsleisten, Tooltipps, modale Fenster und viele mehr stehen für die rasche Nutzung bereit. Bootstrap ist natürlich responsiv, die erstellten Layouts passen sich an die unterschiedlichsten Bildschirme an.
Um Bootstrap zu nutzen, brauchen Sie ein HTML-Grundgerüst mit Verweisen auf die Bootstrap-CSS- und JavaScript-Dateien. Danach können Sie die Bootstrap-Klassen einsetzen und erhalten die gewünschte Formatierung. Zudem können Sie Bootstrap über Sass an Ihre Bedürfnisse anpassen und zum Beispiel das Farbschema ändern.
Bootstrap ist beispielsweise sinnvoll, wenn Sie gute Vorlagen für die Gestaltung von Komponenten suchen oder wenn Sie eine einfache Webvisitenkarte für ein Projekt erstellen möchten. Das Framework wird aber auch bei größeren Projekten benutzt oder in Kombination mit React oder Vue - eben überall, wo schnell gestylte Komponenten benötigt werden.
Das war die Leseprobe unseres heise-Plus-Artikels "Web-Layout erstellen mit Open-Source-Framework Bootstrap". 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.
Vier Tageslichtlampen im Test
Weihnachtsessen beim Koch-Muffel: Zwei smarte KĂĽchenmaschinen im Gulasch-Test
Bauvorschlag: Leistungsfähiger High-End-PC für Gaming und Computing
Komfort beim Tippen: FĂĽnf ergonomische Tastaturen im Test
Bauvorschlag: Günstiger Gaming-PC mit Auflösung in Full HD oder WQHD