بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.

از کلاس استفاده کنید.btn-outline-* to quickly create a outline button.

این قالب مدیریت شامل 6 رنگ گرادیان از پیش تعریف شده برای استفاده از آن در دکمه ها است..btn-bg-gradient-x-purple-blue, .btn-gradient-x-purple-red, .btn-gradient-x-blue-green, .btn-gradient-x-orange-yellow, .btn-gradient-x-blue-cyan, .btn-gradient-x-red-pink. YOu can also use round button class .round, and buttons with icons with this.

همچنین می توانید جلوه های درخشندگی را به دکمه های گرادیان اضافه کنید. .btn-glow class with any one of this gradient colors .btn-bg-gradient-x-purple-blue, .btn-gradient-x-purple-red, .btn-gradient-x-blue-green, .btn-gradient-x-orange-yellow, .btn-gradient-x-blue-cyan, .btn-gradient-x-red-pink

استفاده کنید.round class for round buttons.

از کلاس استفاده کنید.round with outline button class to create round outline button.

بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.

بوت استرپ شامل شش سبک دکمه از پیش تعریف شده است که هر کدام هدف معنایی خود را انجام می دهند.

استفاده کنید.btn-glow class with any colored button to add button glow.

شما می توانید استفاده کنید.btn-glow class with outline button to add button glow.

استفاده کنید.box-shadow-* class with button to add button shadow.

استفاده کنید.box-shadow-* class with button to add button shadow.

با برخی تغییرات اولیه نشانه گذاری، یک دکمه را به یک ضامن کشویی تبدیل کنید.

با برخی تغییرات اولیه نشانه گذاری، یک دکمه را به یک ضامن کشویی تبدیل کنید.

به طور مشابه، منوهای کشویی دکمه تقسیم را با همان تغییرات نشانه گذاری، فقط با یک دکمه جداگانه ایجاد کنید.

به طور مشابه، با همان تغییرات نشانه گذاری، فقط با یک دکمه جداگانه، فهرست های کشویی دکمه طرح کلی را ایجاد کنید.

اضافه کردن.btn-lg or .btn-sm for Fancy larger or smaller buttons size.

دکمه های طرح کلی با نمادها در اندازه های مختلف

به جای اعمال کلاس های اندازه دکمه برای هر دکمه در یک گروه، فقط اضافه کنید.btn-group-* to each .btn-group.

گروه دکمه Outline با نمادها در اندازه های مختلف

با افزودن، دکمه‌های سطح بلوک را ایجاد کنید - دکمه‌هایی که تمام عرض یک والد را پوشش می‌دهند.btn-block.

برای ایجاد بلوک از دکمه های طرح کلی استفاده کنید.btn-block class.

کلاس های .btn برای استفاده با<button> element. However, you can also use these classes on <a> or <input> elements.

کلاس های .btn برای استفاده با<button> element. However, you can also use these classes on <a> or <input> elements.