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.

Reihenfolge verändern

Reihenfolge verändern – Tutorial zu Bootstrap

Aus dem Kurs: Bootstrap 5 Grundkurs

Gratismonat starten Für Ihr Team erwerben

Reihenfolge verändern

“

Standardmäßig werden Elemente in der Reihenfolge dargestellt, in der sie auch im Quellcode stehen. Über besondere Klassen können Sie das beim Raster ändern. Also, ich habe die Elemente A, B, C, D und die werden dann auch als A, B, C, D hier dargestellt. Die sind alle innerhalb eines Rasters. Ich kann hingehen und zusätzlich dort, wo ich die col-Angaben habe, "order" schreiben und z. B. mal "order-2", und damit wird dieses Element mit dem Buchstaben B nun ganz hinten dargestellt. Bei "order" können Sie Zahlen zwischen 1 und 6 schreiben und es gilt das Prinzip, dass das Element, was eine höhere Zahl hat, weiter hinten steht, also, C hat order-3, deswegen steht C ganz hinten. Und wenn zwei Elemente dieselbe Zahl bei order haben, dann gilt die Quellcode-Reihenfolge, also, B hat 3 und C hat 3, aber C steht hinter B im Quellcode, deswegen ist es diese Reihenfolge. Das Element, bei dem Sie nichts angeben, das ist sozusagen ganz vorne bzw. wenn es zwei Elemente gibt, bei denen nichts…

Inhalt