Rumah >hujung hadapan web >tutorial css >Bagaimanakah saya boleh membuat Bootstrap Dropdown Aktifkan pada Hover Daripada Klik?

Bagaimanakah saya boleh membuat Bootstrap Dropdown Aktifkan pada Hover Daripada Klik?

Barbara Streisand
Barbara Streisandasal
2024-11-11 06:02:03914semak imbas

How can I make a Bootstrap Dropdown Activate on Hover Instead of Click?

Tuding Turun Bootstrap Diaktifkan Tuding

Soalan:

Bagaimana saya boleh mengubah jatuh turun Bootstrap menu untuk dicetuskan pada tuding bukannya klik?

Jawapan:

Walaupun Bootstrap tidak membenarkan pengaktifan tuding secara asli, anda boleh mencapai penyesuaian ini dengan CSS. Begini caranya:

.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; /* remove the gap to prevent closing */
}

Kod ini mengatasi sifat paparan lalai menu lungsur turun apabila elemen induk (.dropdown) dituding di atas, menjadikannya kelihatan. Sifat margin-top menghapuskan jurang yang biasanya muncul antara menu lungsur turun dan bekasnya.

Dengan mengubah suai CSS seperti yang diterangkan, menu lungsur anda kini akan dibuka apabila anda menuding pada elemen induknya, memberikan lebih ramai pengguna -pengalaman navigasi yang mesra dan intuitif.

Atas ialah kandungan terperinci Bagaimanakah saya boleh membuat Bootstrap Dropdown Aktifkan pada Hover Daripada Klik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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