دکمه ها
دکمه های پیش فرض
از کلاس های دکمه در یک <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
.