Bagaimanakah Bootstrap 4 Mengendalikan Pesanan Lajur Merentasi Saiz Skrin Berbeza?

Pemesanan Lajur dalam Bootstrap4

Untuk susunan lajur yang fleksibel merentas saiz skrin yang berbeza, Bootstrap menawarkan pelbagai pilihan.

Pemesanan Responsif dalam Bootstrap 4.0:

Bootstrap 4 menghapuskan penggunaan awalan "xs-" untuk kelas pesanan responsifnya. Sebaliknya, pengubah suai "tolak-" dan "tarik-" menentukan port pandangan dan bilangan unit untuk mengalihkan lajur. Contohnya, untuk mencapai pesanan 1-3-2 yang dikehendaki pada mudah alih:

<div>

Pesanan Responsif dalam Bootstrap 4.1 dan Ke Atas:

Bootstrap 4.1 memperkenalkan flexbox, memudahkan susunan lajur. Kelas pesanan terdiri daripada "pesanan-1" hingga "pesanan-12." Lajur boleh dipesan secara responsif, seperti "pesanan-md-12 pesanan-2" (terakhir pada MD, ke-2 pada XS):

<div>

Kaedah Pesanan Alternatif:

Selain kelas pesanan responsif, utiliti arah flexbox menawarkan yang lain pendekatan:

<div>

Nota Tambahan:

• Pemesanan lajur adalah relatif kepada .row induknya.
• Kelas responsif membenarkan kawalan berbutir terlebih pesanan, membolehkan pengaturan yang rumit merentas berbilang saiz skrin.
• Bootstrap 4.1 dan ke atas tidak lagi menyokong kelas tolak/tarik yang digunakan dalam versi pra-4.0.

Atas ialah kandungan terperinci Bagaimanakah Bootstrap 4 Mengendalikan Pesanan Lajur Merentasi Saiz Skrin Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!