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