Rumah > Artikel > hujung hadapan web > Bagaimana untuk Mencetuskan Bootstrap Dropdown pada 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!