Mengapa Lajur Saya Tidak Menjajarkan Dengan Betul Selepas Berhijrah ke Bootstrap 4?

Isu Penjajaran Mendatar dalam Migrasi Bootstrap dari 3 ke 4

Dalam peralihan daripada Bootstrap 3 ke 4, pengguna mungkin menghadapi isu penjajaran menegak untuk lajur. Untuk menyelesaikan masalah ini, adalah penting untuk mempertimbangkan perubahan bersarang yang diperkenalkan dalam Bootstrap 4.

Sebelum ini, dalam Bootstrap 3, lajur bersarang boleh diletakkan dalam lajur dengan kelas lajur yang sama (cth., col-12). Walau bagaimanapun, dalam Bootstrap 4, sarang memerlukan baris baharu untuk setiap tahap sarang. Perubahan ini menghapuskan isu penjajaran berpusat dan memastikan penjajaran mendatar yang betul.

Kod yang dikemas kini mengikut pendekatan bersarang yang disemak semula:

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

Dalam kod yang dikemas kini ini, sarang dialih keluar dan setiap lajur diletakkan dalam barisan sendiri. Dengan mematuhi garis panduan bersarang yang disyorkan, penjajaran mendatar dipulihkan, memastikan perwakilan visual yang betul.

Atas ialah kandungan terperinci Mengapa Lajur Saya Tidak Menjajarkan Dengan Betul Selepas Berhijrah ke Bootstrap 4?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!