Rumah > hujung hadapan web > tutorial css > Apakah yang Berlaku kepada Pengimbangan Lajur dalam Bootstrap 4 Beta?

Apakah yang Berlaku kepada Pengimbangan Lajur dalam Bootstrap 4 Beta?

Linda Hamilton
Lepaskan: 2024-11-08 00:50:02
asal
898 orang telah melayarinya

What Happened to Column Offsetting in Bootstrap 4 Beta?

Bootstrap 4 Beta: Pembuangan dan Pemulihan Pengimbangan Lajur

Bootstrap 4, dalam keluaran Beta 1nya, memperkenalkan perubahan ketara pada cara lajur telah diimbangi. Walau bagaimanapun, dengan keluaran Beta 2 yang seterusnya, perubahan ini telah diterbalikkan.

Dari offset-md-* kepada ml-auto

Dalam Bootstrap 4 Beta 1, kelas offset-md-* telah dialih keluar. Sebaliknya, pembangun digalakkan untuk menggunakan kelas .ml-auto untuk mengimbangi lajur. Walau bagaimanapun, kaedah ini tidak memberikan tahap ketepatan yang sama seperti pendekatan sebelumnya.

Memulihkan Kelas Offset dalam Beta 2

Nasib baik, dalam Beta 2, kelas ofset telah dipulihkan. Sintaks baharu menggunakan format offset-{breakpoint}-, menggantikan col-{breakpoint}-offset- sintaks sebelumnya.

Custom Offsetting

Untuk mencapai offset lajur tersuai, seperti

Menggunakan Pemegang Tempat Dummy

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">  <div>
Salin selepas log masuk


Menggunakan ml-auto dan mr-auto

Untuk memusatkan dua lajur bersebelahan, pembangun boleh gunakan ml-auto dan mr-auto pada kedua-dua lajur.

<br><div><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">    <div>
Salin selepas log masuk


Menggunakan mx-auto

Untuk memusatkan satu lajur, pembangun boleh menggunakan mx-auto untuk mencipta jidar yang sama pada kedua-dua belah pihak.

Kesimpulan

Pengalihan keluar dan pemulihan offset lajur dalam Bootstrap 4 telah mencipta beberapa kekeliruan sementara untuk pembangun. Walau bagaimanapun, dengan pengenalan semula kelas ofset tertentu dalam Beta 2, bersama-sama dengan ketersediaan kaedah penyelesaian, pembangun boleh terus mencapai reka letak lajur tersuai dalam Bootstrap 4.

Atas ialah kandungan terperinci Apakah yang Berlaku kepada Pengimbangan Lajur dalam Bootstrap 4 Beta?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Artikel sebelumnya:Bolehkah CSS Memilih Elemen Berdasarkan HTML Dalaman? Artikel seterusnya:Bagaimana Menggayakan Kandungan iFrame Merentas Domain Tanpa Akses Terus?
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan