کشویی
کشویی تک دکمه
هر تکی را .btn
می توان با برخی تغییرات نشانه گذاری به یک ضامن کشویی
تبدیل کرد. در اینجا نحوه قرار دادن آنها با هر یک <button>
از عناصر
آمده است.
کشویی تک دکمه
هر تکی را .btn
می توان با برخی تغییرات نشانه گذاری به یک ضامن کشویی
تبدیل کرد. در اینجا نحوه قرار دادن آنها با هر یک <button>
از عناصر
آمده است.
کشویی دکمه تقسیم
.dropdown-toggle-split
به طور مشابه، کشویی دکمه های
تقسیم را با نشانه گذاری تقریباً مشابه با منوهای کشویی تک دکمه ایجاد کنید، اما برای
ایجاد فاصله مناسب در اطراف کرکره کرکره ای
به آن اضافه کنید .
کشویی تاریک
برای مطابقت با نوار پیمایش تیره یا سبک سفارشی با افزودن
.dropdown-menu-dark
به یک موجود ، از منوهای کشویی تیره تر انتخاب کنید
.dropdown-menu
. هیچ تغییری در موارد کشویی لازم نیست.
جهت کشویی
منوهای کشویی بالای عناصر را با افزودن .dropup
، منوهای کشویی در سمت چپ
عناصر با افزودن .dropstart
یا منوهای کشویی در سمت راست عناصر با افزودن
فعال کنید .dropend
.
موارد منوی کشویی
.active
به موارد در منوی کشویی اضافه کنید تا
آنها را فعال کنید . برای انتقال وضعیت فعال به فناوریهای کمکی، از
aria-current
ویژگی استفاده کنید - با استفاده از page
مقدار
برای صفحه فعلی یا true
برای آیتم فعلی در یک مجموعه.
.disabled
به موارد در منوی کشویی اضافه کنید تا
آنها را غیرفعال کنید .
گزینه های کشویی
data-bs-offset
از یا
data-bs-reference
برای تغییر مکان کشویی استفاده کنید .
رفتار بسته شدن خودکار
به طور پیش فرض، هنگام کلیک کردن در داخل یا خارج از منوی کشویی،
منوی کشویی بسته می شود. میتوانید از autoClose
گزینه تغییر این رفتار
فهرست کشویی استفاده کنید.
محتوای منو
در هر منوی کشویی، یک سرصفحه برای برچسب زدن بخشهای عملکردها اضافه کنید.
گروه هایی از آیتم های منوی مرتبط را با یک تقسیم کننده جدا کنید.
هر متن آزاد را در یک منوی کشویی با متن قرار دهید و از ابزارهای فاصله استفاده کنید. توجه داشته باشید که احتمالاً برای محدود کردن عرض منو به سبک های اندازه اضافی نیاز دارید.
یک فرم را در یک منوی کشویی قرار دهید، یا آن را در یک منوی کشویی قرار دهید، و از ابزارهای حاشیه یا padding استفاده کنید تا فضای منفی مورد نیاز خود را به آن بدهید.