Warum wird mein Text nicht in den Spalten von Bootstrap 4 zentriert?

Problem bei der Textausrichtung mit col-xs-* in Bootstrap 4

Beim Versuch, Text in der Mitte einer Spalte in Bootstrap 4 auszurichten Bei Verwendung von col-xs-12 schlägt die Ausrichtung fehl. Dieses Verhalten unterscheidet sich von früheren Versionen von Bootstrap.

Erklärung

In Bootstrap 4 wurden die col-xs-*-Klassen zugunsten von col-* veraltet. Um den gleichen Effekt wie col-xs-12 zu erzielen, verwenden Sie stattdessen col-12.

Lösung

Ersetzen Sie die folgende Zeile:

<div class="col-xs-12 text-center">

mit:

<div class="col-12 text-center">

Zusätzlich Hinweise

• Die col-xs-offset-{n}-Klassen wurden in Bootstrap 4 ebenfalls durch offset-{n} ersetzt.
• Stellen Sie sicher, dass das erforderliche CSS und JavaScript-Dateien für Bootstrap 4 sind in Ihrem Code enthalten.

Das obige ist der detaillierte Inhalt vonWarum wird mein Text nicht in den Spalten von Bootstrap 4 zentriert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!