دکمه های گرادیان
با استفاده از کلاس پایه .btn .bg-gradient-
دکمه های عمومی
با استفاده از کلاس پایه .btn .btn-
دکمه های روشن
دکمه با دورخط
با استفاده از کلاس پایه .btn-outline
دکمه روشن با دورخط
دکمه های گرد
با استفاده از کلاس پایه .btn-rounded
دکمه های روشن گرد
دکمه های گرد دورخط دار
با استفاده از کلاس پایه .btn-rounded.btn-outline
دکمه های روشن گرد دورخط دار
اندازه دکمه ها
با استفاده از کلاس پایه .btn-lg.btn-Primary
دکمه های تخت
با استفاده از کلاس پایه .btn .btn-flat
دکمه های تخت روشن
دکمه با آیکون
با استفاده از کلاس پایه .btn i class ="fa fa-check
دکمه های جدا شده
دکمه با دراپ دان
دکمه های دایره ای
با استفاده از کلاس پایه .btn .btn-circle .btn-
.btn-xs
.btn-sm
.btn-lg
گروه دکمه افقی
ایجاد گروه های دکمه افقی با بوت استرپ آسان است. فقط دکمه های خود را داخل <div class="btn-group"></div> اضافه کنید
گروه دکمه عمودی
ایجاد گروه های دکمه عمودی با بوت استرپ آسان است. فقط دکمه های خود را داخل <div class="btn-group-vertical"></div> اضافه کنید
آیکون شبکه های اجتماعی با نام
استفاده از یک کلاس waves-effect waves-light btn btn-social btn-bitbucket / < class="fa fa-bitbucket"></i> برای ایجاد سریع یک دکمه عمومی.
آیکون دکمه های اجتماعی
از یک کلاس waves-effect waves-light btn btn-social-icon btn-bitbucket برای ایجاد سریع یک دکمه عمومی استفاده کنید.
آیکون اجتماعی با دکمه های دایره ای
از یک کلاس btn btn-social-icon btn-circle برای ایجاد سریع یک دکمه عمومی استفاده کنید.
دکمه های اپلیکیشن
برای ایجاد دکمه های زیر ، کلاس‌های .btn.btn-app را به تگ <a> اضافه کنید :
