Heim  >  Artikel  >  Web-Frontend  >  Was ist mit dem Spaltenversatz in Bootstrap 4 Beta passiert?

Was ist mit dem Spaltenversatz in Bootstrap 4 Beta passiert?

Linda Hamilton
Linda HamiltonOriginal
2024-11-08 00:50:02791Durchsuche

What Happened to Column Offsetting in Bootstrap 4 Beta?

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 wiederhergestellt 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

Verwenden von Dummy-Platzhaltern

<br><div><pre class="brush:php;toolbar:false">  <div>


Mit ml-auto und mr-auto

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

<br><div><pre class="brush:php;toolbar:false">    <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.

Das obige ist der detaillierte Inhalt vonWas ist mit dem Spaltenversatz in Bootstrap 4 Beta passiert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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
Vorheriger Artikel:Kann CSS Elemente basierend auf innerem HTML auswählen?Nächster Artikel:Kann CSS Elemente basierend auf innerem HTML auswählen?

In Verbindung stehende Artikel

Mehr sehen