القوائم المنسدلة التي يتم تنشيطها بالتمرير في Twitter Bootstrap

يفضل العديد من المستخدمين أن تكون قوائم Bootstrap الخاصة بهم منسدلة عند التمرير، مما يلغي الحاجة إلى نقرات صريحة . تتناول هذه المقالة كلاً من وظيفة التمرير وإزالة أيقونات الأسهم بجوار عناوين القائمة.

القائمة المنسدلة التي يتم تنشيطها بالتمرير

لتمكين القائمة المنسدلة التلقائية عند التمرير، استخدم CSS لـ استهدف خيار القائمة المخفية. أضف الكود التالي إلى CSS الخاص بك:

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

للحصول على تصميمات سريعة الاستجابة، قم بلف الكود في استعلام وسائط:

@media (min-width: 979px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

إزالة رمز السهم

• Bootstrap 3: قم بإزالة HTML من عنصر ربط .dropdown-toggle.
• Bootstrap 2 & Lower: استهدف الأسهم وقم بإزالتها باستخدام CSS هذا المحدد:

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