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.

Farbschema verstehen

Farbschema verstehen – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Farbschema verstehen

“

Bootstrap kommt mit einer Reihe von Theme-Farben. Sehen wir uns an, wie das funktioniert und wo man diese überall nutzen kann. Mit dem Namen "primary" ist standardmäßig so ein Blauton verbunden, "secondary" ist für dieses Grau gedacht, also für eine sekundäre Aktion, "success" für etwas, was erfolgreich war, ein Grünton, "danger", Gefahr, rot, "warning", gelb, "info", dieses andere Blau. Dann gibt es außerdem noch "light" und "dark". Und diese Farben heißen nicht blau, grau, grün etc., sondern sie heißen so, wie die Funktion ist. Und wenn Sie das ändern möchten, dann geht das am besten über Sass. D. h., dass Sie Ihre eigene, angepasste CSS-Datei erstellen aus den Bootstrap-Dateien. Schauen wir uns an, wo diese Farben überall verwendet werden können. Sie können beispielsweise Text einfärben, indem Sie zuerst bei der Klasse angeben "text" und dann beispielsweise "primary", "secondary" etc. Und Sie können auch auf diese Art die Hintergrundfarbe definieren, indem Sie davor "bg"…

Inhalt