فهرست کشویی

با افزونه کشویی بوت استرپ، همپوشانی های متنی را برای نمایش لیست پیوندها و موارد دیگر تغییر دهید. برای لیست کامل دستورالعمل ها و گزینه های دیگر مستندات رسمی بوت استرپ را بخوانید.

مثال پایه

کلید کشویی (دکمه یا پیوند خود) و منوی کشویی را در .dropdown، یا عنصر دیگری که position: relative; را دارد، بپیچید. فهرست های کشویی را می توان از عناصر <a> یا <button> فعال کرد تا بهتر با نیازهای بالقوه شما مطابقت داشته باشد.

فهرست کشویی رنگی

برای دکمه های رنگی کلاس .btn-* را اضافه کنید.

دکمه جدا

به طور مشابه، فهرست‌های بازشوی دکمه‌های تقسیم را تقریباً با نشانه‌گذاری مشابه با منوهای کشویی تک دکمه ایجاد کنید، اما با افزودن .dropdown-toggle-split برای ایجاد فاصله مناسب در اطراف کارت کشویی.

سایزها

دکمه های فهرست های کشویی با همه اندازه دکمه ها کار می کنند.

فهرست کشویی رو به بالا

منوهای کشویی بالای عناصر را با افزودن .dropup به عنصر والد فعال کنید.

فهرست کشویی راست

با افزودن .dropend به عنصر والد، منوهای کشویی را در سمت راست عناصر فعال کنید.

فهرست کشویی چپ

با افزودن .dropstart به عنصر والد، منوهای کشویی را در سمت چپ عناصر فعال کنید.

فهرست با آیتم فعال

.active را به موارد در منوی کرکره ای اضافه کنید تا آیتم را به صورت فعال استایل کنید.

فهرست با آیتم غیرفعال

.disabled را به موارد در منوی کرکره ای اضافه کنید تا آیتم را به صورت غیرفعال استایل کنید.

فهرست کشویی با هدر

در هر منوی کشویی، یک هدر برای برچسب زدن بخش‌های عملکردها اضافه کنید.

فهرست کشویی با تقسیم کننده

گروه هایی از آیتم های منوی مرتبط را با یک تقسیم کننده جدا کنید.

متن در فهرست کشویی

هر متن آزاد را در یک منوی کشویی با متن قرار دهید و از ابزارهای فاصله استفاده کنید. توجه داشته باشید که احتمالاً برای محدود کردن عرض منو به سبک‌های سایز اضافی نیاز دارید.

فرم در فهرست کشویی

یک فرم را در یک منوی کشویی قرار دهید و از ابزارهای حاشیه استفاده کنید تا فضای منفی مورد نیاز خود را به آن بدهید.