کشویی

کشویی تک دکمه

هر تکی را .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 استفاده کنید تا فضای منفی مورد نیاز خود را به آن بدهید.

© تاپلوکس.