دوره مقدماتی تا پیشرفته بوت استرپ 4 Bootstrap کار با منوهای کشویی dropdown

Описание: در این قسمت از آموزش قصد داریم درباره منوهای کشویی (dropdown) در بوت استرپ صحبت کنیم.

ایجاد منوهای کشویی (dropdown) با بوت استرپ
منوهای کشویی یا dropdown یا آبشاری یک عنصر طراحی کاربر پسند در مبحث طراحی صفحات وب می باشند. منوهای کشویی یک control گرافیکی ، مشابه list box هستند که به کاربر اجازه می دهند یک گزینه ای را از بین گزینه های موجود در لیست انتخاب کنند.وقتی کاربر نشانه گر موس را روی دکمه قرار میدهد گزینه های لیست بصورت کرکره وار نمایش داده میشوند. وقتی منو کشویی غیرفعال است ، گزینه پیشفرض را نمایش می دهد اما هنگامی که فعال می شود ، لیستی از گزینه ها را را نمایش می دهند ، که کاربر ممکن است یکی از آنها را انتخاب کند و به لینک مورد نظر منتقل شود.

شما می توانید از پلاگین dropdown در Bootstrap برای اضافه کردن منوهای کشویی قابل تغییر (یعنی باز و بسته کردن با کلیک) شامل تقریبا هر چیزی مانند لینکها ، button ها یا button group ، navbar ها حتی بدون نوشتن یک خط کد JavaScript استفاده کنید.

کلاس .dropdown یک منوی dropdown را تعیین می کند.

ویژگی .dropdown-toggle یک عنصر trigger را تعریف می کند که در ویدیو ما ، یک button است ، در حالی که ویژگی data-toggle="dropdown" در عنصر trigger برای تغییر وضعیت منوی dropdown استفاده میشود.

عنصر div بهمراه کلاس .dropdown-در واقع ساختمان یک منوی کشویی هستند که به طور معمول شامل لینک های مرتبط و یا اکشن های مختلف هستند.