Mengapa Lajur Saya Dijajarkan Secara Menegak dalam Bootstrap 4 Selepas Menaik taraf Daripada Bootstrap 3?

Bootstrap 3 ke Bootstrap 4: Lajur Dijajar Menegak

Apabila menaik taraf daripada Bootstrap 3 ke Bootstrap 4, sesetengah pengguna mungkin menghadapi masalah di mana mereka lajur dijajarkan secara menegak bukannya secara mendatar.

Punca:

Bootstrap 4 memerlukan baris baharu untuk lajur bersarang. Kelas col-12 yang lebih lama, yang menjangkau seluruh baris, tidak diperlukan lagi.

Penyelesaian:

Untuk menyelesaikan isu ini, alih keluar kelas col-12 daripada ibu bapa baris.

Contoh:

<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>

Lihat perbezaan dalam JS Fiddle yang dikemas kini ini:

https:// jsfiddle.net/aq9Laaew/4792/

Dengan mengalih keluar col-12, lajur kini akan dijajarkan secara mendatar seperti yang dijangkakan.

Atas ialah kandungan terperinci Mengapa Lajur Saya Dijajarkan Secara Menegak dalam Bootstrap 4 Selepas Menaik taraf Daripada Bootstrap 3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!