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

Apakah yang Berlaku kepada Pengimbangan Lajur dalam Bootstrap 4 Beta?

Linda Hamilton
Linda Hamiltonasal
2024-11-08 00:50:02791semak imbas

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


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


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!

Kenyataan:
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 sebelumnya:Bolehkah CSS Memilih Elemen Berdasarkan HTML Dalaman?Artikel seterusnya:Bolehkah CSS Memilih Elemen Berdasarkan HTML Dalaman?

Artikel berkaitan

Lihat lagi