Bagaimanakah Saya Boleh Membuat Jatuh Turun Bootstrap Muncul pada Hover Daripada Klik?

Melayang di Atas Menu Bootstrap untuk Jatuh Turun Daripada Mengklik

Apabila menggunakan rangka kerja Bootstrap Twitter, secara lalai, pilihan menu muncul sebagai menu lungsur turun apabila pengguna klik pada tajuk. Walau bagaimanapun, adalah mungkin untuk mengubah suai tingkah laku ini supaya menu jatuh ke bawah secara automatik apabila pengguna menuding pada tajuk sebaliknya.

Penyesuaian CSS untuk Tuding Tuding

Untuk mendayakan menuding untuk menu lungsur turun, anda boleh menggunakan CSS untuk mengatasi tetapan lalai. Pemilih CSS yang sesuai ialah:

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

Kod ini memastikan bahawa menu lungsur turun tersembunyi (diwakili oleh ul.dropdown-menu) dipaparkan sebagai elemen blok apabila item senarai yang berkaitan (li.dropdown) ialah berlegar di atas.

Menyembunyikan Anak Panah Jatuh Turun

Selain mendayakan fungsi tuding, anda mungkin mahu menyembunyikan anak panah kecil (karet) yang muncul di sebelah tajuk menu. Langkah yang sesuai berbeza-beza bergantung pada versi Bootstrap yang anda gunakan:

Bootstrap 3

Alih keluar kod HTML berikut daripada elemen sauh togol lungsur turun:

<b>caret</b>

Bootstrap 2 dan Turunkan

Gunakan pemilih CSS dan kod di bawah untuk menyasarkan dan mengalih keluar anak panah:

a.menu:after, .dropdown-toggle:after {
    content: none;
}

Dengan melaksanakan pengubahsuaian CSS ini, anda boleh meningkatkan kebolehgunaan menu Bootstrap anda dengan membenarkan pengguna untuk mengakses pilihan lungsur turun dengan lebih mudah.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membuat Jatuh Turun Bootstrap Muncul pada Hover Daripada Klik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!