دکمه ها
دکمه های پیش فرض
از کلاس های دکمه در an استفاده کنید<a>, <button>، یا<input>عنصر
طرح کلی دکمه
از یک کلاس استفاده کنید.btn-outline-**برای ایجاد سریع دکمه های حاشیه.
دکمه گرد
اضافه کنید.rounded-pillدکمه پیش فرض برای دریافت گوشه های گرد.
طرح کلی دکمه گرد
از یک کلاس استفاده کنید.btn-outline-**برای ایجاد سریع دکمه های حاشیه.
دکمه های نرم
از یک کلاس استفاده کنید.btn-soft-**برای ایجاد سریع دکمه های رنگی پس زمینه نرم.
دکمه های گرد نرم
از یک کلاس استفاده کنید.btn-soft-** .rounded-pillبرای ایجاد سریع دکمه های رنگی پس زمینه نرم با گرد.
دکمه-اندازه ها
اضافه کنید.btn-lg, .btn-smبرای اندازه های اضافی
دکمه غیرفعال
را اضافه کنیدdisabledنسبت دادن به<button>دکمه ها
دکمه های آیکون
دکمه فقط نماد.
دکمه بلوک
با افزودن کلاس، دکمه های سطح بلوک ایجاد کنید.d-gridبه بخش والد
گروه دکمه
یک سری دکمه را با آن بپیچید.btnدر.btn-group.
دکمه جابجایی
اضافه کنیدdata-bs-toggle="button"برای تغییر دادن یک دکمهactiveدولت اگر از قبل دکمه ای را تغییر می دهید، باید آن را به صورت دستی اضافه کنید.activeکلاسو aria-pressed="true"تا اطمینان حاصل شود که به طور مناسب به فناوری های کمکی منتقل می شود.
برچسب های دکمه
را.btnکلاس ها برای استفاده با<button>عنصر با این حال، می توانید از این کلاس ها نیز استفاده کنید<a>یا<input>عناصر (اگرچه برخی از مرورگرها ممکن است رندر کمی متفاوت اعمال کنند).