Mengapa Navbar Dropdown Saya Tidak Runtuh dalam Bootstrap 5?

Barbara Streisand
Lepaskan: 2024-11-16 06:48:02
asal
580 orang telah melayarinya

Why is My Navbar Dropdown Not Collapsing in Bootstrap 5?

Menyelesaikan masalah Navbar Dropdown Runtuh dalam Bootstrap 5

Bootstrap 5 membawa perubahan ketara, termasuk pengubahsuaian pada atribut togol data untuk pemalam JavaScript. Menangani isu di mana dropdown navbar tidak berfungsi dalam Bootstrap 5 memerlukan pengemaskinian atribut ini.

Dalam versi Bootstrap sebelumnya, fungsi runtuh telah dimulakan oleh atribut data-toggle="collapse" . Walau bagaimanapun, Bootstrap 5 memerlukan penggunaan data-bs-toggle="collapse" sebaliknya.

Begitu juga, atribut data-target, yang menentukan ID bagi elemen yang akan diruntuhkan atau dikembangkan, hendaklah dikemas kini kepada data-bs-target.

Kod Kemas Kini:

<button>
Salin selepas log masuk

Selain itu kepada perubahan yang dinyatakan di atas, adalah penting untuk ambil perhatian bahawa Bootstrap 5 telah memperkenalkan kelas baharu untuk jidar:

  • mr-auto, kelas auto jidar kanan, digantikan dengan me-auto.
  • ml-auto, kelas auto margin kiri, digantikan dengan ms-auto.

Dengan memasukkan kemas kini ini, navbar dropdown collapse fonctionnalité harus berfungsi seperti yang diharapkan dalam Bootstrap 5.

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan