دکمه ها
دکمه های پیش فرض
از کلاس های دکمه در یک <a>، <button>یا <input>عنصر استفاده کنید.
دکمه گرد
.rounded-pillبرای دریافت گوشه های گرد به دکمه پیش فرض
اضافه کنید.
دکمه های طرح کلی
از یک کلاس .btn-outline-**برای ایجاد سریع دکمه های حاشیه دار استفاده کنید.
طرح کلی دکمه گرد
.rounded-pillبرای دریافت گوشه های گرد به دکمه پیش فرض
اضافه کنید.
دکمه های نرم
از یک کلاس .btn-soft-**برای ایجاد سریع دکمه هایی با پس زمینه نرم استفاده کنید.
دکمه گرد نرم
.rounded-pillبرای دریافت گوشه های گرد به دکمه پیش فرض
اضافه کنید.
برچسب های دکمه ها
<span>با کلاس .btn-labelو هر iconداخل آن قرار
دهید . اگر می خواهید نماد را در سمت راست قرار دهید، کلاس را .btn-label-rightبه آن اضافه کنید<span>
طرح کلی دکمه گرد
.rounded-pillبرای دریافت گوشه های گرد به دکمه پیش فرض
اضافه کنید.
عرض دکمه
با افزودن افزودن،،، و یا دکمه هایی با .width-xsحداقل .width-smعرض ایجاد کنید
.width-md..width-lg.width-xl
اندازه دکمه ها
.btn-lg، .btn-smیا .btn-xsبرای اندازه های اضافی اضافه کنید
.
دکمه غیرفعال است
disabledویژگی را به <button>دکمه
ها
اضافه کنید.
دکمه های نمادها
دکمه فقط نماد.
Block Buttons
Create block level buttons by adding class .d-grid to parent div.
Button Group
Wrap a series of buttons with .btn in .btn-group.