Sonderbar: flex-direction: row-reverse;

Allgemeine Fragen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Sonderbar: flex-direction: row-reverse;

Ungelesener Beitrag 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
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

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

Ungelesener Beitrag 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/
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 18 Gäste