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