Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Was ist mit dem Spaltenversatz in Bootstrap 4 Beta passiert?

Linda Hamilton
Freigeben: 2024-11-08 00:50:02
Original
854 Leute haben es durchsucht

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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">  <div>
Nach dem Login kopieren


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><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">    <div>
Nach dem Login kopieren


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!

Quelle:php.cn
Vorheriger Artikel:Kann CSS Elemente basierend auf innerem HTML auswählen? Nächster Artikel:Wie gestaltet man domänenübergreifende iFrame-Inhalte ohne direkten Zugriff?
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage