Aus dem Kurs: Bootstrap 5 Grundkurs

So erhalten Sie Zugriff auf diesen Kurs

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

Solution – Layout erstellen

Solution – Layout erstellen – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Solution – Layout erstellen

“

(Musik) Konnten Sie die Challenge lösen? Es geht darum, ein Layout zu erstellen. So soll das aussehen. So sieht es aus bei kleinem Viewport, so sieht es aus bei großem Viewport. Und für diesen Bereich wird ein Raster benutzt und ebenfalls zur Anordnung dieser Elemente. Und im Download-Bereich gibt es ein Dokument mit Kommentaren, d. h., den HTML-Code müssen Sie nicht selbst schreiben. Sehen wir uns an, wie es funktioniert. Ich habe hier schon ein paar kleine Formatierungen ergänzt, aber es fehlen noch alle Formatierungen für das Raster. Erst einmal der Kopfbereich, da soll die Anordnung dieser drei Elemente über ein Raster erfolgen, d. h., ich muss das Elternelement, in dem die drei Elemente stehen, die ich anordnen möchte, zum Raster deklarieren, indem ich angebe class="row". Dann muss ich die noch ausrichten, das mache ich gleich, erst einmal die Aufteilung. Das erste Element soll so viel Platz kriegen, wie es unbedingt braucht. Das erreiche ich über "col-auto". Diese Überschrift in…

Inhalt