Heim >Web-Frontend >CSS-Tutorial >Warum funktioniert col-xs-* nicht in Bootstrap 4?

Warum funktioniert col-xs-* nicht in Bootstrap 4?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-26 10:24:11784Durchsuche

Why Doesn't col-xs-* Work in Bootstrap 4?

col-xs-* funktioniert nicht in Bootstrap 4

Dies kann auftreten, wenn Sie versuchen, die Größe von Spalten in Bootstrap zu ändern. Problem, bei dem col -xs-*-Klassen scheinen nicht zu funktionieren. Wenn Sie die Spalte auf mittlere Größe einstellen:

<h1>

Textausrichtung funktioniert gut:
[Textausrichtungsbild]

Wenn Sie die Spalte jedoch auf besonders klein (extra klein):

 <div>

Textausrichtung funktioniert nicht mehr:
[Textausrichtungsfehlerbild]

Der Grund dafür, dass dies nicht funktioniert, ist die veraltete Version von Bootstrap 4 col-xs- * Klassen. Sie müssen die col-*-Klassen verwenden, um die Abmessungen der Spalten anzugeben. Ersetzen Sie beispielsweise col-xs-12 durch col-12.

Beachten Sie außerdem, dass col-xs-offset-{n} in Version 4 auch durch offset-{n} ersetzt wird.

Das obige ist der detaillierte Inhalt vonWarum funktioniert col-xs-* nicht in Bootstrap 4?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn