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.

Praktische Farbdefinitionen

Praktische Farbdefinitionen – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Praktische Farbdefinitionen

“

Sie wissen bereits, wie Sie Farben verwenden können über diese Schlüsselwörter wie Primary, Secondary, Success. Die Farben lassen sich an unterschiedlichen Stellen nutzen, bspw. bei Buttons, aber auch z.B. bei Tabellen. S§ehen wir uns weitere Varianten an. Wenn ich Primary verwende für einen Hintergrund, dann habe ich einen blauen, starken Hintergrund. Ich kann aber nun auch sagen, dass ich einen Farbton haben möchte, der etwas heller ist, indem ich -subtle ergänze, dann habe ich einen subtileren Farbton. Sie sehen das zum einen bei primary-subtle, secondary-subtle und warning-subtle. Außerdem gibt es die Möglichkeit, die Textfarbe zu definieren mit der Ergänzung -emphasis. Das sind an dieser Stelle drei Beispiele wieder mit primary, secondary und warning. Manchmal ist es sinnvoll, die Transparenz von Elementen oder Texten zu ändern. Und das können Sie machen über Text Opacity, Opacity ist eine CSS-Eigenschaft, die die Transparenz regelt. Und je kleiner der Wert, desto transparenter…

Inhalt