Warum werden meine Bootstrap-XS-Spalten unerwartet umgebrochen?

Probleme mit dem Spaltenumbruch von Bootstrap XS

Treffen Sie unerwartetes Spaltenverhalten, wenn die Bildschirmbreite auf extrem kleine Größen verkleinert wird? Wenn ja, sind Sie nicht allein. Dieses Problem tritt bei den XS-Spaltenklassen von Bootstrap auf (jetzt col-x in Bootstrap 4).

Ursache:

Das Problem ergibt sich aus der Tatsache, dass XS-Spalten zwar eine Breite eingestellt, zusätzlich sind sie beidseitig gepolstert. Diese Auffüllung kann dazu führen, dass die Spalte ihre vorgesehene Breite überschreitet, was zu einem unerwarteten Umbruchverhalten führt, wenn der Bildschirm zu schmal wird.

Lösung:

Bootstrap ist derzeit nicht verfügbar Eine integrierte Möglichkeit, dieses Problem zu beheben. Eine gängige Lösung besteht jedoch darin, die Verwendung von col-XS-1 (oder col-1 in Bootstrap 4) zu vermeiden, wenn die Bildschirmbreite weniger als 360 Pixel beträgt.

Alternativ Sie Sie können erwägen, CSS zu verwenden, um eine Mindestbreite für den Container festzulegen, um sicherzustellen, dass die Spalten auch auf sehr kleinen Bildschirmen genügend Platz haben, um ordnungsgemäß gerendert zu werden.

Zusätzlicher Hinweis:

In Bootstrap 4 wurde die Klasse col-XS-1 in col-1 umbenannt. Das Problem besteht jedoch auch für diese Klasse weiterhin.

Das obige ist der detaillierte Inhalt vonWarum werden meine Bootstrap-XS-Spalten unerwartet umgebrochen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!