Seite 1 von 1

Sonderbar: flex-direction: row-reverse;

Verfasst: Do 23. Mär 2023, 18:01
von stobi_de
In einer Reihe werden die Spalten in umgekehrter Reihenfolge dargestellt.
ABER:
Beim Umbruch aufs Handy werden die Spalten dann untereinander so dargestellt, wie es ohne die reverse Anweisung wäre.

Ich habe mit Row-reverse links einen Text und rechts ein Bild.
Auf dem Handy ist dann oben das Bild und unten der Text.
Also Row-Reverse hat keinen Einfluss auf die Handydarstellung.

Klar, was ich sagen will?

Frank

Re: Sonderbar: flex-direction: row-reverse;

Verfasst: Do 23. Mär 2023, 18:26
von Tommy Herrmann
Na ja - ohne was zu sehen ist es schwer das zu beurteilen, was bei Dir anders oder falsch ist - bei mir geht das ebenso am Handy.

Ich hatte hier mal schon vor ca. 4 Jahren das "row-reverse" in der Navi vom uralten Thema "AgencyM4" ausprobiert.

Hier als Bootstrap class="flex-row-reverse"

Code: Alles auswählen

<div class="menu-content-top flex-row-reverse" id="topLine">
https://www.mobirise-tutorials.com/Reverse-Brand/

Dort wirkt es ebenso auf die Anzeige am Handy - also Hamburger-Menü dann links und Buch-Logo rechts:

reverse = umkehren

siehe auch:

https://getbootstrap.com/docs/5.0/utili ... #direction


Row-Reverse am Handy.jpg


Hier zum Vergleich die gleiche Navi im gleichen Thema, wie diese normalerweise (ohne "reverse") angezeigt wird:

https://www.mobirise-tutorials.com/AgencyM4/