bootstrap

[Gunnar Bittersmann]

@@at

Die semantische Klassen(teil)bezeichnung – […] danger steht eben nicht für rot, sondern für die Kennzeichnung eines kritischen Zustandes oder kritischer Auswirkungen

Gute Frage: Gibt es in Bootstrap semantische Klassenbezeichnungen?

Ja, die gibt es. Und nein, die gibt es nicht.

danger ist ein gutes Beispiel dafür: Hinweismeldungen bei nicht vollständig oder nicht richtig ausgefüllten Formularfeldern sollen auf rotem Hintergrund angezeigt werden. Nun haben nicht vollständig oder nicht richtig ausgefüllte Formularfelder aber keine kritischen Auswirkungen; sie sind nicht danger. Sie sind warning. Bei warning werden sie aber auf gelbem Hintergrund angezeigt …

Nun gibt es zwei Möglichkeiten, die Hinweismeldungen rot zu bekommen. Der richtige™ Weg wäre, im eigenen Stylesheet der Klasse alert-warning roten Hintergrund zu verpassen. (Und der Klasse alert-danger zusätzlich einen Totenkopf, oder blinken lassen.) Das wird aber nicht gemacht.

Stattdessen wird den Hinweismeldungen die Klasse alert-danger verpasst. (Und das denke ich mir nicht aus, das habe ich genauso erlebt.) Sie sind rot, alles schick. danger steht eben doch für rot.

Die Klassen sollten nicht *-danger und *-warning heißen, sondern gemäß ihrer Verwendung bg-red und bg-yellow. Wenn schon präsentationsbezogenes Markup, dann richtig!

Nun könnte man auf die Idee kommen und sagen: Bootstrap macht alles richtig, es wird von Entwicklern nur falsch verwendet. Unsinn! Die Entwickler verwenden es genau so, wie es ihrer Motivation entspricht, warum sie Bootstrap überhaupt verwenden – nämlich um die Darstellung im Markup zu kontrollieren, nicht per CSS. Um keine Zeile CSS schreiben zu müssen – weil sie es nicht wollen oder weil sie es gar nicht können.

Den Anwendern von Bootstrap ist da gar kein Vorwurf zu machen. Der Vorwurf geht an die Entwickler von Bootstrap: Sie haben keine oder eine falsche Vorstellung, wer denn ihre Zielgruppe ist.

Semantische Klassenbezeichnungen in Bootstrap sind ein Mythos.

LLAP 🖖