Wie versetze ich Spalten in Bootstrap 4?

Bootstrap 4-Spaltenversatztechniken

Bootstrap 4 führt aktualisierte Techniken zum Versatz von Spalten ein. Die bisherige Methode zur Verwendung von „offset-md-*“-Klassen wurde in Beta 1 entfernt.

Einführung von .ml-auto und .mr-auto

Die neue Der Ansatz nutzt die Klassen „.ml-auto“ und „.mr-auto“. Diese Klassen passen die Ränder automatisch an, um Spalten innerhalb einer Zeile nach links oder rechts zu verschieben.

Benutzerdefinierte Offsets mithilfe von Dummy-Spalten

Um benutzerdefinierte Spaltenoffsets zu erreichen, wird ein „Dummy“ verwendet. Es kann ein Spaltenplatzhalter verwendet werden. Um beispielsweise eine „col-md-4“-Spalte um 2 Einheiten zu versetzen, verwenden Sie:

<div>

Zentrieren von Spalten mit .ml-auto und .mr-auto

Um zwei benachbarte „col-md-4“-Spalten zu zentrieren, wenden Sie „.ml-auto“ auf die linke Spalte und „.mr-auto“ auf die rechte Spalte an Spalte:

<div>

.mx-auto für zentrische Platzierung verwenden

Um eine „col-md-4“-Spalte zu zentrieren, wenden Sie „.mx-auto“ an. :

<div>

Hinweis: Bestimmte Spaltenoffsets werden in Bootstrap 4 Beta wiederhergestellt 2.

Das obige ist der detaillierte Inhalt vonWie versetze ich Spalten in Bootstrap 4?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!