Datenschutz Impressum

NOF-Schule | Forum

zur Schule NOF-NetObjects-Tutorials von Tommy Herrmann


Reihenfolge Bilder und Text im Handy
#1
Hallo
Es ist ja standard in Bootstrap, das die linken Objekte beim Umbruch aufs Handy über den rechten Objekten angeordnet werden.
Bei einem Mischmasch von texten und Bildern ist das eher unpraktisch, die Bilder sollten auf dem Handy immer oberhalb des passenden Textes stehen.
Nun gibt es da gewiss irgendwas in Bootstrap, aber das habe ich noch nicht gefunden.

Ich finde es immer sehr nervig, komplett neue Blocks zu bauen, die eine andere zum Handy passenden text-Bild-Reihenfolge haben und die dann erst unter 1024 px anzuzeigen.

Frank
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#2
Moin,

ja, das ist - meine ich - so der Standard. Du "liest" das > von oben nach unten > von links nach rechts (wie eine Zeitung).

Wolltest Du das beeinflussen, solltest Du Bootstrap-Cards verwenden, dort kannst Du dann selbst die Reihenfolge innerhalb einer Karte bestimmen. Die Karten selbst werden dann wieder am Handy untereinander verschoben.

http://www.mobirise-tutorials.com/Busine...-Deck.html

https://getbootstrap.com/docs/4.0/components/card/
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren
#3
Habe was zu dem Thema gefunden

https://blog.kulturbanause.de/2013/07/ei...l-von-css/

.flex-item-1 {
order: 1;
}
.flex-item-2 {
order: 2;
}

Und dass kann man dann im Media-Query umordnen.

Habs getestet, funzt
Webseite des Benutzers besuchen Alle Beiträge dieses Benutzers finden
Diese Nachricht in einer Antwort zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Vorlage Bilder mit Fließtext Goldschwalbe 3 100 06.08.2020, 06:33
Letzter Beitrag: Goldschwalbe
  lizenzfreie Bilder AnnaSP 15 645 19.07.2020, 00:25
Letzter Beitrag: Kay
  Seltsames text-Konstrukt stobi_de 6 143 20.06.2020, 10:35
Letzter Beitrag: stobi_de
  Schräge Bilder? stobi_de 5 193 11.06.2020, 10:01
Letzter Beitrag: Tommy Herrmann
  Slider mit Fade-Übergang und Text stobi_de 11 295 07.06.2020, 13:12
Letzter Beitrag: Tommy Herrmann
  Bild Text Reihenfolge nof15us 8 216 01.06.2020, 09:21
Letzter Beitrag: Tommy Herrmann
  Menüs auf Handy zentrieren? stobi_de 8 231 23.05.2020, 09:57
Letzter Beitrag: stobi_de
  auf dem Handy toll, aber auf dem PC keine Funktion swinginulm 7 246 24.04.2020, 07:03
Letzter Beitrag: Tommy Herrmann
  Alle Bilder weg? soeren2512 3 236 05.04.2020, 16:17
Letzter Beitrag: Tommy Herrmann
  Anpassung Full Screen Bilder im Header Bereich tsickert 1 194 04.03.2020, 16:12
Letzter Beitrag: Tommy Herrmann



Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
nach oben An den Anfang der Seite scrollen
NetObjects Fusion Infos, Downloads und Updates Diese Website wird durch Bot-Trap vor Spam geschützt!