Bagaimana untuk Mencipta Menu Dropdown Bootstrap yang Dibuka pada Hover?

Menu Tuding Turun Bootstrap

Apabila mencipta menu lungsur Bootstrap, gelagat lalai ialah ia dibuka apabila anda mengklik pada butang togol . Walau bagaimanapun, mungkin terdapat situasi di mana anda lebih suka ia dibuka pada tuding.

Untuk mencapai ini, anda boleh menggunakan CSS:

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

Kod CSS ini menyasarkan menu lungsur dan menetapkan sifat paparannya untuk disekat apabila elemen lungsur turun induk dilegarkan. Selain itu, ia mengalih keluar sebarang jidar lalai dari bahagian atas menu lungsur untuk menghapuskan jurang yang kadangkala boleh muncul apabila lungsur turun dibuka.

Penyelesaian ini mudah dan tidak memerlukan sebarang perubahan pada struktur HTML atau JavaScript kod. Ia menyediakan cara mudah untuk membuat menu lungsur turun yang dibuka pada tuding, meningkatkan pengalaman pengguna dan membolehkan navigasi yang lebih intuitif.

Atas ialah kandungan terperinci Bagaimana untuk Mencipta Menu Dropdown Bootstrap yang Dibuka pada Hover?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!