Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Menjadikan Bootstrap Dropdown Didayakan?

Bagaimana untuk Menjadikan Bootstrap Dropdown Didayakan?

DDD
Lepaskan: 2024-11-12 06:18:02
asal
572 orang telah melayarinya

How to Make Bootstrap Dropdowns Hover-Enabled?

Tuding Turun Bootstrap

Anda telah mengkonfigurasi bar navigasi dengan menu lungsur menggunakan fungsi "onClick" Bootstrap. Walau bagaimanapun, anda ingin mengaktifkan menu lungsur pada tuding tetikus sebaliknya.

Penyelesaian:

Bootstrap tidak menyediakan fungsi tuding terbina dalam untuk menu lungsur. Untuk mencapai matlamat ini, kita boleh memanfaatkan CSS:

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap so it doesn't close */
}
Salin selepas log masuk

Peraturan CSS ini akan:

  • Tunjukkan menu lungsur turun apabila lungsur induk dituding di atas
  • Hapuskan jurang yang dicipta oleh nilai margin atas lalai

Atas ialah kandungan terperinci Bagaimana untuk Menjadikan Bootstrap Dropdown Didayakan?. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan