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.
Variablen ändern – Tutorial zu Bootstrap
Aus dem Kurs: Bootstrap 5 Grundkurs
Variablen ändern
Wie erzeugt man konkret den CSS-Code aus den Sass-Dateien von Bootstrap? Folgendes habe ich gemacht, ich habe ein neues Projekt erstellt. In dem gibt es den Ordner bootstrap mit dem Unterordner js und dem Unterordner scss. Diese stammen aus dem Download-Bereich von Bootstrap, es sind die Source-Files. Außerdem habe ich einen eigenen Ordner angelegt scss mit der Datei custom.scss. Den Code habe ich kopiert. Man findet ihn auf der Sass-Seite, da ist der Code, den ich kopiert habe. Ich habe eine Anpassung an diesem Pfad hier durchgeführt, da ich keinen Unterordner node_modules habe. Wichtig ist, dass dieser Pfad stimmt. Im Beispiel heißt es, ich gehe vom aktuellen Dokument einen Ordner hoch, dann gehe ich einen Ordner runter, nämlich in den bootstrap-Ordner. Dort gehe ich in das scss-Verzeichnis und da finde ich dann die Datei bootstrap. Hier ist sie, also das muss stimmen. Und davor kann ich meine Anpassung an Variablen durchführen und da stellt sich natürlich die Frage: Was kann ich…
Inhalt
-
-
-
-
-
-
-
(Gesperrt)
Eigenen CSS-Code definieren1 Min. 25 Sek.
-
(Gesperrt)
Sass und Autoprefixer2 Min. 44 Sek.
-
(Gesperrt)
Vorbereitung für die Anpassung1 Min. 48 Sek.
-
(Gesperrt)
Variablen ändern3 Min. 33 Sek.
-
(Gesperrt)
Challenge – ein eigenes Stylesheet1 Min. 28 Sek.
-
(Gesperrt)
Solution – ein eigenes Stylesheet2 Min. 57 Sek.
-
(Gesperrt)
Bootstrap über Custom Properties anpassen4 Min. 38 Sek.
-
(Gesperrt)
Nur das Notwendige laden1 Min. 30 Sek.
-
(Gesperrt)