„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Wie staple ich Bootstrap 4 Divs auf dem Handy und ordne sie nebeneinander auf dem Desktop an?

Wie staple ich Bootstrap 4 Divs auf dem Handy und ordne sie nebeneinander auf dem Desktop an?

Gepostet am 2025-03-22
Durchsuche:403

How to Stack Bootstrap 4 Divs on Mobile and Arrange Them Side-by-Side on Desktop?

neu positionieren divs mit bootstrap 4: auf mobilen gestapelt, seiten-byside auf Desktop

Sie wollen Bootstrap-Divs auf Mobiltelefon neu bestellen und sie auf der Seite bysside platzieren. Desktop.

Lösung:

  1. Deaktivieren Sie die Flexbox für größere Breiten:
    Bootstrap 4s FlexBox zuweist gleiche Höhen zu Kolumnen. Um dies zu verhindern, deaktivieren Sie die Flexbox für Breiten größer als mittel.
<div>
  1. Verwenden . Setzen Sie in diesem Fall die Bestellung der ersten Spalte auf 1 (Order-1) und die Bestellung der zweiten Spalte auf 0 (Order-0). Dadurch wird A unter B auf dem Handy eingesetzt, während ihre Seite an der Seite auf dem Desktop beibehält.
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3