دکمه ها
انواع مختلف دکمه ها، از کلاس بیس استفاده کنید .btn
| عادی | بزرگ .btn-lg |
کوچک .btn-sm |
خیلی کوچک .btn-xs |
مسطح .btn-flat |
غیر فعال .disabled |
|---|---|---|---|---|---|
دکمه های طرح کلی
انواع مختلف دکمه ها، از کلاس بیس استفاده کنید .btn
| عادی | بزرگ .btn-lg |
کوچک .btn-sm |
خیلی کوچک .btn-xs |
مسطح .btn-flat |
غیر فعال .disabled |
|---|---|---|---|---|---|
دکمه های گرادیانت (bg-gradient-*)
انواع مختلف دکمه ها، از کلاس بیس استفاده کنید .btn
| عادی | بزرگ .btn-lg |
کوچک .btn-sm |
خیلی کوچک .btn-xs |
مسطح .btn-flat |
غیر فعال .disabled |
|---|---|---|---|---|---|
دکمه همراه با آیکن
دکمه های بلاکی
گروه دکمه های افقی
کافیه دکمه ها رو درون کلاس زیر قرار دهید. <div class="btn-group"></div>
| دکمه | آیکن | فلت | کشویی |
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
دکمه های چسبیده
با منوی باز شو
عادی
فلت
دکمه های جدا
دکمه های جدای عادی:
دکمه های جدا شده فلت:
دکمه های جدا شده هاوریبل:
دکمه های اپلیکیشن
کلاس .btn.btn-app را اضافه کنید به <a> تگی که قصد استفاده از آن را دارید:
دکمه های اپلیکیشن با رنگ های متفاوت
300 محصولات 891 کاربران 67 سفارشات 12 اینباکس 531 لایک هاگروه دکمه های عمودی
کافیه کلاس زیر را اضافه کنید <div class="btn-group-vertical"></div>
| دکمه ها | آیکن ها | فلت | منوی بازشو |
|---|---|---|---|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
دکمه های گروهی رادیو
دکمه های گروهی رادیو با .btn-secondary
دکمه های گروهی رادیو با .bg-olive