Aus dem Kurs: Bootstrap 5 Grundkurs

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

KI-Unterstützung

KI-Unterstützung – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

KI-Unterstützung

“

Sie können sich natürlich von der KI helfen lassen, wenn Sie mit Bootstrap arbeiten. Schauen wir uns dazu zwei Beispiele an. Zum einen verwende ich ChatGPT in der kostenlosen Version 3.5 und habe mal gesagt, erstellen wir bitte ein dreispaltiges Layout mit Bootstrap 5. In der ersten Spalte soll eine Liste stehen, in der mittleren Text und in der dritten ein Bild. Das ist das Ergebnis, was ich erhalte und das sieht so weit ganz gut aus. Ich habe ein div class="container", dann div class="row", dann kommt meine erste Spalte. Ich habe nicht angegeben, ab wann diese Aufteilung in drei Spalten erfolgen soll, aber dieses Medium ist natürlich eine gute Wahl. Dann kommt die zweite Spalte mit Text und die dritte Spalte beinhaltet ein Bild über Placeholder. Außerdem sind die benötigten Dateien eingebunden. Da gibt es nun eine Besonderheit, die sind von einem CDN eingebunden. Allgemein ist es immer besser, lokale Dateien zu verwenden, und außerdem wird Bootstrap 5.3.0 Alpha verwendet. Man würde…

Inhalt