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.

Solution – ein eigenes Stylesheet

Solution – ein eigenes Stylesheet – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Solution – ein eigenes Stylesheet

“

(Musik) Konnten Sie die Challenge lösen? Worum ging es? Es ging um Anpassungen an Bootstrap. Zum einen sollten Sie ein eigenes Stylesheet erstellen für eine Definition von Textschatten, das einbinden und austesten. Und bei der zweiten Variante von Anpassungen geht es darum, die standardmäßig vorhandenen abgerundeten Ecken zu deaktivieren, und dafür muss man eine SASS-Variable ändern und das Stylesheet neu generieren. Sehen wir uns zuerst an, wie man ein zusätzliches Stylesheet erstellt und einbindet. Ich habe eine Datei stil.css erstellt und mehrere Definitionen von Textschatten. Ich habe sie genannt »text-shadow-1«, »-2«, »-3«, je nachdem, wie stark der Schatten ist, und dann muss ich dieses Stylesheet verwenden. D. h., ich habe hier oben ganz normal bootstrap.css eingebunden und danach kommt der Link auf mein eigenes Stylesheet, was im Beispiel im selben Verzeichnis steht wie das HTML-Dokument. Und dann kann ich hingehen und diese Klasse verwenden, z. B. hier…

Inhalt