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

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

Mary-Kate Olsen
Freigeben: 2024-12-26 10:24:11
Original
851 Leute haben es durchsucht

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>
Nach dem Login kopieren

Textausrichtung funktioniert gut:
[Textausrichtungsbild]

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

 <div>
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage