Bootstrap falsche Konstellationen

Hier werden aufgrund der fehlenden Container Klassen in den Tests, auch die Styleguide Test Abteile farbig markiert. Dies kann hier ignoriert werden und es gibt dort nur einen Fehler, wenn dieser auch in den anderen Styleguide Seiten farbig umrahmt ist.

Diese Styleguide Seite, dient dazu die BootstrapWrongCombination JS zu testen.

Bootstrap sieht folgenden Aufbau vor:

Zuerst muss ein container oder container-fluid geöffnet werden.

Darauf muss mindestens eine row innerhalb des container folgen. Es können hier auch weitere row mit ihren eigenen col folgen.

Darauf muss mindestens eine col folgen. Es können hier aber mehrere col folgen.

Richtige Konstellationen haben die Textfarbe grün.

Falsche Konstellationen haben die Textfarbe rot.

Falsche Konstellationen sollten einen farbigen Border bekommen.

Index







Container mit Row mit Col

Container in Container

Container in Container Fluid

Container Fluid in Container Fluid

Container in Container Fluid

Container in Col

Container in Row

Container Fluid in Col

Container Fluid in Row




row mit Col ohne Container

row ohne Col ohne Container

row ohne Children (Hintergrund Farbe grey, damit man es überhaupt sehen kann)


Row in Row in Container

Andere CSS Klasse in Row in Container

row ohne Col in Container




Col ohne Row ohne Container

Col in Col

Col ohne Row in Container