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>
<p><strong>Pesanan Responsif dalam Bootstrap 4.1 dan Ke Atas</strong>:</p>
<p>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):</p>
<pre class="brush:php;toolbar:false"><div>
<p><strong>Kaedah Pesanan Alternatif</strong>:</p> <p>Selain kelas pesanan responsif, utiliti arah flexbox menawarkan yang lain pendekatan:</p>
<pre class="brush:php;toolbar:false"><div>
<p><strong>Nota Tambahan</strong>:</p>
<ul>
<li>Pemesanan lajur adalah relatif kepada .row induknya.</li>
<li>Kelas responsif membenarkan kawalan berbutir terlebih pesanan, membolehkan pengaturan yang rumit merentas berbilang saiz skrin.</li>
<li>Bootstrap 4.1 dan ke atas tidak lagi menyokong kelas tolak/tarik yang digunakan dalam versi pra-4.0.</li>
</ul>
</div>