Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Mencetuskan Bootstrap Dropdown pada Hover?

Bagaimana untuk Mencetuskan Bootstrap Dropdown pada Hover?

Susan Sarandon
Susan Sarandonasal
2024-11-11 06:40:02908semak imbas

How to Trigger Bootstrap Dropdowns on Hover?

Mencetuskan Menu Jatuh Turun Bootstrap pada Tuding

Soalan ini bertujuan untuk mengubah suai lungsur Bootstrap untuk mencetuskan pada tuding dan bukannya dengan mengklik. Walaupun konfigurasi terbina dalam tidak menyediakan fungsi ini, terdapat penyelesaian mudah menggunakan CSS.

Untuk mencapai ini, tambah peraturan CSS berikut pada kod anda:

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

Peraturan ini menentukan bahawa apabila tetikus melayang di atas elemen lungsur turun, menu lungsur yang sepadan harus dipaparkan. Margin atas: 0; hartanah memastikan tiada jurang antara menu lungsur turun dan elemen induknya.

Dengan melaksanakan peraturan CSS ini, lungsur turun Bootstrap anda akan dicetuskan dengan menuding di atasnya, memberikan pengalaman yang lebih intuitif dan mesra pengguna.

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Bootstrap Dropdown pada Hover?. 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