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