دکمه‌های گرد
از .btn-{state} استفاده کنید
دکمه‌های مربعی
از .btn-square استفاده کنید
دکمه‌های قرصی
از .btn-pill استفاده کنید
دکمه‌های گرد حاشیه بیرونی
از .btn-outline-{state} استفاده کنید
دکمه‌های مربعی حاشیه بیرونی
از .btn-square استفاده کنید
دکمه‌های قرصی حاشیه بیرونی
از .btn-pill استفاده کنید
دکمه‌های گرد دو رنگ
از .btn-gradient-{state} استفاده کنید
دکمه های مربعی دو رنگ
از .btn-square استفاده کنید
دکمه های قرصی دو رنگ
از .btn-pill استفاده کنید
دکمه گرد با آیکن
از .btn-{state} و .has-icon استفاده کنید
دکمه‌های مربعی با آیکن
از .btn-square استفاده کنید
دکمه‌های قرصی با آیکن
از .btn-pill استفاده کنید
دکمه‌های گرد با آیکن
از .ms-btn-icon .btn-{state} استفاده کنید
دکمه‌های گرد با حاشیه بیرونی
از .ms-btn-icon-outline .btn-{state} استفاده کنید
دکمه های مربعی با آیکن
از .btn-square استفاده کنید
دکمه های مربعی با آیکن و حاشیه بیرونی
از .btn-square استفاده کنید
دکمه‌های گرد با آیکن
از .btn-pillاستفاده کنید
دکمه های گرد با آیکن و حاشیه بیرونی
از .btn-pill استفاده کنید
دکمه های گروهی
از .btn-group.btn-group-toggle به عنوان المنت پدر استفاده کنیدو .btn
از .flex-column استفاده کنید
دکمه‌های بلاک
از .btn-block استفاده کنید