مثال ها

با افزونه کشویی بوت استرپ، همپوشانی های متنی را برای نمایش لیست پیوندها و موارد دیگر تغییر دهید.

کشویی تک دکمه

هر تکی .btnرا می توان با برخی تغییرات نشانه گذاری به یک ضامن کشویی تبدیل کرد. در اینجا نحوه قرار دادن آنها با هر یک از <button> عناصر آمده است:

گونه

بهترین بخش این است که می توانید این کار را با هر نوع دکمه ای نیز انجام دهید:

تنوع قطره ای

.dropendبا افزودن به عنصر والد، منوهای کشویی را در سمت راست عناصر فعال کنید.

تنوع قطره ای

منوهای کشویی بالای عناصر را با افزودن .dropupبه عنصر والد فعال کنید.

آیتم فعال

.activeدر منوی کشویی به آیتم اضافه کنید تا به آن ها به عنوان فعال استایل دهید .

سرصفحه ها

در هر منوی کشویی، یک هدر برای برچسب زدن بخش‌های عملکردها اضافه کنید.

تشکیل می دهد

یک فرم را در یک منوی کشویی قرار دهید، یا آن را در یک منوی کشویی قرار دهید، و از ابزارهای حاشیه یا padding استفاده کنید تا فضای منفی مورد نیاز خود را به آن بدهید.

کشویی دکمه تقسیم

به طور مشابه، دکمه‌های کشویی را با نشانه‌گذاری تقریباً مشابه با دکمه‌های کشویی ایجاد کنید، اما .dropdown-toggle-splitبرای ایجاد فاصله مناسب در اطراف کرکره کرکره‌ای به آن اضافه کنید.

سایز بندی

کشویی دکمه‌ها با دکمه‌های همه اندازه‌ها، از جمله دکمه‌های کشویی پیش‌فرض و تقسیم‌بندی کار می‌کنند.

تنوع دراپ استارت

.dropstartبا افزودن به عنصر والد، منوهای کشویی را در سمت راست عناصر فعال کنید.

تراز منو

.dropdown-menu-end به a اضافه کنید .dropdown-menuتا منوی کشویی را تراز کنید.

مورد غیر فعال

.disabledبه موارد در منوی کشویی اضافه کنید تا آنها را غیرفعال کنید.

متن

هر متن آزاد را در یک منوی کشویی با متن قرار دهید و از ابزارهای فاصله استفاده کنید. توجه داشته باشید که احتمالاً برای محدود کردن عرض منو به سبک‌های سایز اضافی نیاز دارید.

تنظیمات پوسته
طرح رنگی
عرض
منوها (نوار سمت چپ و نوار بالا) موقعیت
رنگ نوار کناری سمت چپ
اندازه نوار کناری سمت چپ
اطلاعات کاربر نوار کناری
نوار بالا
هم اکنون بخرید