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

Bagaimana untuk Mencetuskan Bootstrap Dropdown pada Hover?

Susan Sarandon
Lepaskan: 2024-11-11 06:40:02
asal
940 orang telah melayarinya

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 */
}
Salin selepas log masuk

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!

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