Bagaimana untuk Mengimbangi Lajur dalam Bootstrap 4?

Teknik Mengimbang Lajur Bootstrap 4

Bootstrap 4 memperkenalkan teknik yang dikemas kini untuk mengimbangi lajur. Kaedah sebelumnya menggunakan kelas "offset-md-*" telah dialih keluar dalam Beta 1.

Memperkenalkan .ml-auto dan .mr-auto

Yang baharu pendekatan menggunakan kelas ".ml-auto" dan ".mr-auto". Kelas ini melaraskan margin secara automatik untuk menolak lajur ke kiri atau kanan dalam satu baris.

Offset Tersuai Menggunakan Lajur Dummy

Untuk mencapai offset lajur tersuai, "dummy" ruang letak lajur boleh digunakan. Contohnya, untuk mengimbangi lajur "col-md-4" sebanyak 2 unit, gunakan:

<div>

Memusatkan Lajur dengan .ml-auto dan .mr-auto

Untuk memusatkan dua lajur "col-md-4" bersebelahan, gunakan ".ml-auto" pada lajur kiri dan ".mr-auto" pada lajur kanan:

<div>

Menggunakan .mx-auto untuk Peletakan Sentrik

Untuk memusatkan lajur "col-md-4", gunakan ".mx-auto":

<div>

Nota: Offset lajur tertentu akan dipulihkan dalam Bootstrap 4 Beta 2.

Atas ialah kandungan terperinci Bagaimana untuk Mengimbangi Lajur dalam Bootstrap 4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!