مثال ها
با افزونه کشویی Bootstrap، همپوشانی های متنی را برای نمایش لیست پیوندها و موارد دیگر تغییر دهید.
کشویی تک دکمه
هر مجردی.btn can be turned into a dropdown
toggle with some markup changes. Here’s how you can put them to work
with either <button>
elements:
گونه
بهترین بخش این است که می توانید این کار را با هر نوع دکمه ای نیز انجام دهید:
تنوع قطره ای
با افزودن، منوهای کشویی را در سمت راست عناصر فعال کنید.dropend to the parent element.
تنوع دراپ
منوهای کشویی بالای عناصر را فعال کنید\n .dropup to the parent
element.
آیتم فعال
اضافه کردن.active to item in the dropdown to آنها را به عنوان فعال سبک کنید.
سرصفحه ها
در هر منوی کشویی، یک سرصفحه برای برچسب زدن بخش‌های عملکردها اضافه کنید.
تشکیل می دهد
یک فرم را در یک منوی کشویی قرار دهید، یا آن را در یک منوی کشویی قرار دهید، و از ابزارهای حاشیه یا padding استفاده کنید تا فضای منفی مورد نیاز خود را به آن بدهید.
کشویی دکمه تقسیم
به طور مشابه، کشویی دکمه تقسیم را با نشانه گذاری تقریباً مشابه کشویی تک دکمه ایجاد کنید، اما با اضافه کردن.dropdown-toggle-split for proper spacing around the dropdown caret.
سایز بندی
کشویی دکمه‌ها با دکمه‌های همه اندازه‌ها، از جمله دکمه‌های کشویی پیش‌فرض و تقسیم‌بندی کار می‌کنند.
تنوع دراپ استارت
با افزودن، منوهای کشویی را در سمت راست عناصر فعال کنید.dropstart to the parent element.
تراز منو
اضافه کردن.dropdown-menu-end
to a .dropdown-menu to right
align the dropdown menu.
مورد غیر فعال
اضافه کردن.disabled to items in the dropdown to آنها را به صورت غیر فعال درآورید.
متن
هر متن آزاد را در یک منوی کشویی با متن قرار دهید و از ابزارهای فاصله استفاده کنید.