Utility-Klassen statt eigenem CSS
Der Grund, warum bei einem Bootstrap-Projekt so wenig eigenes CSS anfällt, sind die Utility-Klassen. Abstände, Ausrichtung, Rahmen, Schatten, Sichtbarkeit – alles direkt im Markup.
Die Benennung folgt einem Muster, das man einmal versteht und danach nicht mehr nachschlagen muss: Eigenschaft, Seite, Breakpoint, Wert. Aus mt-3 wird margin-top in Stufe 3, aus px-md-4 wird padding links und rechts ab dem mittleren Breakpoint. Die Stufen 0 bis 5 sind an eine gemeinsame Basis gekoppelt – änderst du die, verschieben sich alle Abstände konsistent mit.
Dieselbe Logik gilt für Sichtbarkeit (d-none, d-md-block), Flex-Ausrichtung (justify-content-between, align-items-center) und Textfarben, die über die Theme-Variablen laufen.
Die Grenze ist erreicht, wenn eine Kombination sich über die ganze Seite wiederholt. Dann gehört sie in eine eigene Klasse – nicht, weil Utilities dann falsch wären, sondern weil eine Änderung sonst an zwanzig Stellen nachgezogen werden müsste.