Bootstrap, ein beliebtes Front-End-Framework, bietet ein reaktionsfähiges Rastersystem, mit dem Entwickler flexible Layouts erstellen können an unterschiedliche Bildschirmgrößen anpassen. Ein häufiges Problem bei der Verwendung des Haltepunkts mit der kleinsten Größe (XS) besteht jedoch darin, dass Spalten nicht wie erwartet umbrochen werden, wenn die Bildschirmbreite über einen bestimmten Grenzwert hinaus abnimmt.
Dieses Problem tritt auf, weil Spalten mit einer Gesamtbreite von 12 (z. B.
< div class="col-xs-1">Bekanntes Problem:
Dieses Problem wurde bestätigt im Bootstrap-GitHub-Repository: https://github.com/twbs/bootstrap/issues/13221.
Lösung:
Um dieses Problem zu vermeiden, beachten Sie Folgendes Vorschläge:
Hinweis für Bootstrap 4:
In Bootstrap 4 wurde .col-xs-1 in .col-xs-1 umbenannt. Spalte 1. Das gleiche Problem kann bei .col-1-Spalten auf Bildschirmen mit einer Breite von weniger als 360 Pixel auftreten.
Verwandtes Problem:
Bootstrap-Benutzer haben auch ein ähnliches Problem mit dem Raster gemeldet Brechen bei kleinster Größe: https://stackoverflow.com/questions/29385993/bootstrap-grid-breaks-in-smallest-size
Das obige ist der detaillierte Inhalt vonWarum werden Bootstrap-Spalten bei XS-Größe nicht richtig umbrochen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
