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.

Bootstrap über Custom Properties anpassen

Bootstrap über Custom Properties anpassen – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Bootstrap über Custom Properties anpassen

“

Mit Sass können Sie alle möglichen Anpassungen an Bootstrap vornehmen. Einfache Anpassungen gehen auch direkt über CSS, über die sogenannten Custom-Properties oder CSS Variablen. Schauen wir uns das einmal an. Wenn ich einmal auf Untersuchen gehe, dann bin ich in den Entwicklertools. Und wenn ich da ganz nach unten scrolle, dann komm ich zu den Variablen oder den Custom-Properties, die derzeit in Bootstrap definiert sind, sind für das root-Element, also das Wurzelelement, das ist das HTML-Element, definiert. :root wählt dieses Element aus. Und da sehen Sie nun diese Custom-Properties, die beginnen immer mit "--" Bei Bootstrap folgt danach "bs" für Bootstrap. Und da sehen Sie, was alles definiert ist. Und diese Custom-Properties können Sie selbst einsetzen an allen Stellen, wo Sie sie benötigen. Sie können sie aber auch neu definieren. Gehen wir einmal weiter nach oben und schauen uns an, wie man diese Custom-Properties nutzt. Wenn ich bei body mir anschaue, wie die Hintergrundfarbe…

Inhalt