Wie erreicht man die gewünschten Spaltenversätze in Bootstrap 4.0.0-Beta?

Bootstrap Column Offsetting Dilemma gelöst

In Bootstrap v4.0.0-beta wurde das zuvor verwendete offset-md- verwendet * Klassen für Spaltenoffsets wurden entfernt. In der Dokumentation wird stattdessen die Verwendung von .ml-auto vorgeschlagen. Dieser Ansatz führt jedoch zu unerwartetem Verhalten und versetzt die Spalten um vier statt um den beabsichtigten Betrag.

Die Diskrepanz ergibt sich aus dem neuen Flexbox-basierten Layoutsystem in Bootstrap 4. Offset-Klassen sind nicht mehr relevant aufgrund der Flexibilität der Säulen. Um benutzerdefinierte Offsets zu erreichen, ziehen Sie die folgenden Lösungen in Betracht:

1. Platzhalterspalte:

   • Fügen Sie eine Dummy-Spalte mit der gewünschten Offsetgröße hinzu Schaffen Sie Platz für Ihre versetzte Spalte.

2. Automatische Ränder (ml/mr-auto):

   • Mehrere Spalten zentrieren:Teilen Sie Ihre Offset-Spalte durch zwei und wenden Sie ml-auto und mr-auto auf jede Spalte an.
   • Eine einzelne Spalte zentrieren: Verwenden Sie mx-auto, um für beide gleiche Ränder zu erstellen Seiten.

Bevorstehende Änderungen:
Es ist wichtig zu beachten, dass bestimmte Spaltenoffsets in Beta 2 von Bootstrap 4 wieder eingeführt werden. Dadurch wird wiederhergestellt die Möglichkeit, Klassen wie offset-md-2 zu verwenden, um eine präzise Spaltenverschiebung zu erreichen.

Das obige ist der detaillierte Inhalt vonWie erreicht man die gewünschten Spaltenversätze in Bootstrap 4.0.0-Beta?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!