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.

Challenge – ein eigenes Stylesheet

Challenge – ein eigenes Stylesheet – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Challenge – ein eigenes Stylesheet

“

(Musik) Der richtige Moment für eine Challenge. Die Challenge besteht aus zwei Teilen. Sie können entweder beide machen oder nur eine. Beim ersten Teil geht es darum, ein eigenes Stylesheet zu erstellen, in dem definieren Sie Textschatten über eine Klasse. Dieses Stylesheet binden Sie dann ein in ein Bootstrap-Template, weisen die Klasse zu und schauen, ob es geklappt hat. Der zweite Teil beschäftigt sich mit Sass-Variablen. Sie können nämlich über eine zentrale Variable steuern, ob die Ecken z. B. von Buttons abgerundet sein sollen oder nicht. Und es geht darum, einmal diese Abrundung abzuschalten. Tipp: Suchen Sie in der Datei _variables.scss nach "global styling". Dann setzen Sie diese Variable in custom.scss auf false und lassen das Stylesheet neu generieren. Und Sie können dann das Ergebnis beispielsweise an einem Button testen, der sollte dann nicht mehr abgerundete Ecken haben. Für diese Challenge sollten Sie zwischen 15 und 30 Minuten investieren, je nachdem ob Sie beide…

Inhalt