Bootstrap 4 Beta: Die Entfernung und Wiederherstellung des Spaltenversatzes

Bootstrap 4 führte in seiner Beta-1-Version wesentliche Änderungen an der Art und Weise ein Spalten wurden versetzt. Mit der anschließenden Veröffentlichung von Beta 2 wurden diese Änderungen jedoch rückgängig gemacht.

Von offset-md-* zu ml-auto

In Bootstrap 4 Beta 1, Die Offset-MD-*-Klassen wurden entfernt. Stattdessen wurden Entwickler aufgefordert, die Klasse .ml-auto zum Versetzen von Spalten zu verwenden. Allerdings lieferte diese Methode nicht das gleiche Maß an Präzision wie der vorherige Ansatz.

Wiederherstellen von Offset-Klassen in Beta 2

Glücklicherweise wurden in Beta 2 die Offset-Klassen verwendet wurden wiederhergestellt. Die neue Syntax verwendet das Format offset-{breakpoint}- und ersetzt die bisherige col-{breakpoint}-offset--Syntax.

Benutzerdefinierter Offsetting

Um benutzerdefinierte Spaltenoffsets zu erreichen, wie z. B. das inzwischen veraltete

  <div>

Mit ml-auto und mr-auto

Um zwei benachbarte Spalten zu zentrieren, Entwickler können ml-auto und mr-auto auf beide Spalten anwenden.

    <div>

Verwenden von mx-auto

Um eine einzelne Spalte zu zentrieren, können Entwickler mx-auto verwenden, um auf beiden Seiten gleiche Ränder zu erstellen.

Fazit

Das Entfernen und Wiederherstellen von Spaltenoffsets in Bootstrap 4 hat bei Entwicklern vorübergehend für Verwirrung gesorgt. Mit der Wiedereinführung spezifischer Offset-Klassen in Beta 2 und der Verfügbarkeit von Workaround-Methoden können Entwickler jedoch weiterhin benutzerdefinierte Spaltenlayouts in Bootstrap 4 erreichen.