„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 > Warum sind meine Bootstrap 4-Spalten vertikal statt horizontal ausgerichtet?

Warum sind meine Bootstrap 4-Spalten vertikal statt horizontal ausgerichtet?

Veröffentlicht am 16.11.2024
Durchsuche:131

Why Are My Bootstrap 4 Columns Vertically Aligned Instead of Horizontally?

Inkonsistenzen bei der Spaltenausrichtung von Bootstrap 4

Beim Übergang von Bootstrap 3 zu 4 ist Ihnen aufgefallen, dass Ihre Spalten statt vertikal ausgerichtet sind horizontal. Dies kann auf eine Änderung im Rastersystem in Bootstrap 4 zurückgeführt werden.

Col-12 Issue

In Bootstrap 3 konnten Sie Spalten innerhalb einer übergeordneten Zeile mit umbrechen die Klasse „col-12“. Dies ist in Bootstrap 4 nicht mehr gültig. Jede Verschachtelungsebene verfügt über eine eigene Zeile. Entfernen Sie daher die Klasse „col-12“ aus der übergeordneten Zeile:

TEST

TEST

TEST

TEST

Dadurch wird sichergestellt, dass die Spalten horizontal ausgerichtet sind und ihr erwartetes Verhalten beibehalten. Weitere Informationen zum Verschachteln in Bootstrap finden Sie in der offiziellen Dokumentation: https://getbootstrap.com/docs/4.0/layout/grid/#nesting

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