freeCodeCamp/guide/arabic/bootstrap/dropdowns/index.md

1.7 KiB

title localeTitle
Dropdowns هبوط قطرة

هبوط قطرة

يوفر Bootstrap Dropdowns كمكوِّن إضافي لعرض قوائم الروابط. القائمة المنسدلة عبارة عن زر يتحول لعرض قائمة من الارتباطات.

تم تصميم القوائم المنسدلة في Bootstrap لتكون عامة وقابلة للتطبيق على مجموعة متنوعة من المواقف. على سبيل المثال ، من الممكن إنشاء قوائم منسدلة تحتوي على حقول بحث أو نماذج تسجيل دخول.

مثال

`

`

شرح المثال

يشير تصنيف .dropdown إلى قائمة منسدلة.

لفتح القائمة المنسدلة ، استخدم زرًا أو رابطًا مع فصل من. تبديل-downdown و to -toggle = " سمة dropdown .

تقوم فئة .caret بإنشاء رمز سهم علامة إقحام (▼) ، مما يشير إلى أن الزر عبارة عن قائمة منسدلة.

أضف فئة .dropdown-menu إلى عنصر قائمة غير مرتبة لإنشاء القائمة المنسدلة.

معلومات اكثر:

https://getbootstrap.com/docs/4.0/components/dropdowns/