Bootstrap4 Tutorial

Bootstrap ist die weltweit beliebteste Front-End-Komponentenbibliothek und wird für die Entwicklung responsiver, mobile-first Webprojekte verwendet.

Bootstrap4 ist ein Open-Source-Toolkit für die Entwicklung mit HTML, CSS und JS. Mit unseren Sass-Variablen und zahlreichen Mixins, dem responsiven Grid-System, erweiterbaren vorgefertigten Komponenten und dem leistungsstarken jQuery-basierten Plugin-System können Sie Ihre Ideen schnell prototypisieren oder eine komplette App erstellen.

Für wen ist dieses Tutorial?

Solange Sie über Grundkenntnisse in HTML und CSS verfügen, können Sie dieses Tutorial lesen und Ihre eigene Website entwickeln. Nach Abschluss dieses Tutorials erreichen Sie ein mittleres Niveau in der Entwicklung von Webprojekten mit Bootstrap.

Vorkenntnisse, die Sie vor dem Lesen dieses Tutorials benötigen:

Bevor Sie mit dem Lesen dieses Tutorials beginnen, müssen Sie über Grundkenntnisse in HTML, CSS und JavaScript verfügen. Wenn Sie mit diesen Konzepten nicht vertraut sind, empfehlen wir Ihnen, zunächst unsere Tutorials zu lesen:

Bootstrap4-Beispiele

<div class="jumbotron text-center"> <h1>Meine erste Bootstrap-Seite</h1> <p>Ändern Sie die Größe des Browserfensters, um den Effekt zu sehen!</p> </div> <div class="container"> <div class="row"> <div class="col-sm-4"> <h3>Erste Spalte</h3> <p>Beispiel</p> <p>Beim Lernen geht es nicht nur um Technologie, sondern auch um Träume!!!</p> </div> <div class="col-sm-4"> <h3>Zweite Spalte</h3> <p>Beispiel..</p> <p>Beim Lernen geht es nicht nur um Technologie, sondern auch um Träume!!!</p> </div> <div class="col-sm-4"> <h3>Dritte Spalte</h3> <p>Beispiel..</p> <p>Beim Lernen geht es nicht nur um Technologie, sondern auch um Träume!!!</p> </div> </div> </div>

Ausprobieren »

Bootstrap4 vs Bootstrap3

Bootstrap4 ist die neueste Version von Bootstrap. Im Vergleich zu Bootstrap3 verfügt es über spezifischere Klassen und wandelt einige zusammenhängende Teile in verwandte Komponenten um. Gleichzeitig wurde die Größe von bootstrap.min.css um mehr als 40 % reduziert.

Bootstrap4 hat die Unterstützung für IE8 und iOS 6 eingestellt und unterstützt jetzt nur noch Browser oberhalb von IE9 und oberhalb von iOS 7. Wenn Sie ältere Browser unterstützen müssen, verwenden Sie bitteBootstrap3。

Weitere Erweiterungen