Bootstrap 5 Navbar Dropdown: Mengapa Dropdown Saya Tidak Runtuh, dan Bagaimana Saya Membetulkannya?

Bootstrap 5 Navbar Dropdown Isu: Menyelesaikan Fungsi Runtuh

Perbincangan ini menangani cabaran yang dihadapi semasa cuba mencipta menu responsif atau butang lungsur menggunakan Bootstrap 5. Walaupun memasukkan navigasi dan ikon lungsur yang diperlukan, menu lungsur turun tetap tidak bertindak balas. Selain itu, pengarang telah menghadapi kesukaran dengan kelas Bootstrap lain seperti mr-auto dan ml-auto.

Punca isu ini terletak pada peralihan daripada Bootstrap 4 kepada Bootstrap 5. Bootstrap 5 memperkenalkan perubahan ketara, termasuk penggantian data- atribut dengan data-bs- atribut untuk semua pemalam JavaScript. Pengubahsuaian ini digunakan pada pelbagai komponen JavaScript, termasuk Runtuh, Navbar, Carousel, Dropdown, Tabs dan Modal.

Untuk menyelesaikan isu lungsur runtuh, coretan berikut menggambarkan sintaks yang betul:

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>

Ini memastikan bahawa atribut data mematuhi Bootstrap 5 konvensyen.

Selain itu, Bootstrap 5 memperkenalkan kelas baharu untuk mengurus penjajaran mendatar, seperti ms-auto dan me-auto, yang menggantikan kelas ml-auto dan mr-auto yang digunakan sebelum ini.

Atas ialah kandungan terperinci Bootstrap 5 Navbar Dropdown: Mengapa Dropdown Saya Tidak Runtuh, dan Bagaimana Saya Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!