Mengapa 4 Lajur Bootstrap Saya Dijajar Menegak Daripada Mendatar?

Ketidakkonsistenan Penjajaran Lajur Bootstrap 4

Dalam peralihan daripada Bootstrap 3 kepada 4, anda telah perasan bahawa lajur anda dijajarkan secara menegak dan bukannya secara mendatar. Ini boleh dikaitkan dengan perubahan dalam sistem grid dalam Bootstrap 4.

Isu Col-12

Dalam Bootstrap 3, anda boleh membungkus lajur dalam baris induk menggunakan kelas "col-12". Ini tidak lagi sah dalam Bootstrap 4. Setiap tahap sarang mempunyai barisnya sendiri, jadi alih keluar kelas "col-12" daripada baris induk:

<div class="row">
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
    <div class="col-md-2">
        <h1>TEST</h1>
    </div>
</div>

Ini akan memastikan lajur dijajarkan secara mendatar dan mengekalkan tingkah laku yang diharapkan. Untuk mendapatkan maklumat lanjut tentang bersarang dalam Bootstrap, rujuk dokumentasi rasmi mereka: https://getbootstrap.com/docs/4.0/layout/grid/#nesting

Atas ialah kandungan terperinci Mengapa 4 Lajur Bootstrap Saya Dijajar Menegak Daripada Mendatar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!