دکمه

دکمه های گرد

استفاده از کلاسدکمه های تختبرای دکمه های گرد

دکمه های گرادیان

دکمه .gradient-green-tea
دکمه .gradient-plum
دکمه .gradient-flickr
دکمه .gradient-blue-grey-blue
دکمه .gradient-man-of-steel
دکمه .gradient-indigo-blue

دکمه گرادیان با سایه

دکمه با سایه .shadow-z-1-hover
دکمه با سایه .shadow-big-navbar
دکمه با سایه .sidebar-shadow
دکمه با سایه .card-shadow

اندازه دکمه ها

استفاده از کلاس .btn-lg برای دکمه بزرگ.

دکمه بزرگ دکمه بزرگ

دکمه پیش فرض

دکمه پیش فرض دکمه پیش فرض

استفاده از کلاس .btn-sm برای دکمه کوچک.

دکمه کوچک دکمه کوچک

اندازه دکمه های گرد

استفاده از کلاس .btn-lg برای دکمه بزرگ.

دکمه بزرگ دکمه بزرگ

دکمه پیش فرض

دکمه پیش فرض دکمه پیش فرض

استفاده از کلاس .btn-sm برای دکمه کوچک.

دکمه کوچک دکمه کوچک

دکمه های عمل شناور a.k.a fab

استفاده کلاس.btn-fabبا کلاس دکمه برای دکمه های شناور.

استفاده کلاس.btn-sm برای دکمه های کوچک شناور.

گروه های عمودی دکمه

استفاده کلاس.btn-group-vertical برای گروه دکمه عمودی.

گروه های توجیه شده دکمه

btn-group.btn-group-justified

استفاده کلاس.btn-COLOR برای دکمه های رنگی.

غیرفعال btn-group.btn-group-justified

چپ راست

کشویی با گروه دکمه

استفاده از کلاسbtn-group.btn-group-justified.btn-roundبرای گروه دکمه دور

چپ راست

با استفاده از دکمه گرد

دکمه بلوک

برای دکمه بلوک مطرح شده، استفاده کنید کلاس.btn-block.btn-raised .
دکمه های بلوک را می توان با کلاس های مختلف اندازه مورد استفاده قرار داد.

دکمه نوار ابزار

برای ایجاد دکمه نوار ابزار، استفاده کنید کلاس.btn-toolbarبه عنوان بسته بندی شده از کلاس.btn-group.

1 2 3
4 5 6
7
1 2 3
4 5 6
7
1 2 3
4 5 6
7
1 2 3
4 5 6
7

نوار ابزار دکمه گرد

برای ایجاد نوار ابزار نوار دور، از استفاده کنید کلاس.btn-round.

1 2 3
4 5 6
7
1 2 3
4 5 6
7
1 2 3
4 5 6
7
1 2 3
4 5 6
7
کلیدهای کلی

استفاده از کلاس .btn-outline-COLOR برای دکمه های طرح کلی

دکمه های شناور

دکمه های بلوک

دکمه های عمودی

گروه های دکمه های کلیپ

گروه های دکمه ای پایه گرد

دکمه های نوار کناری

1 2 3
4 5 6
7
1 2 3
4 5 6
7

دکمه های نوار کناری کلیه

1 2 3
4 5 6
7
1 2 3
4 5 6
7
دکمه های رسانه های اجتماعی

دکمه های عمومی

استفاده با کلاس.btn-social شبیه کلاس.btn-SOCIAL_NAME .btn-facebookبرای دکمه های اجتماعی با آیکون ها.

دکمه های اجتماعی دور

استفاده با کلاس.btn-social شبیه کلاس.btn-SOCIAL_NAME .btn-facebookبرای دکمه های اجتماعی با آیکون ها.

دکمه های کلی اجتماعی

استفاده شبیه کلاس.btn-outline-SOCIAL_NAME .btn-outline-facebook برای دکمه های عمومی اجتماعی.

دکمه های کلیدی اجتماعی

استفاده شبیه کلاس.btn-outline-SOCIAL_NAME .btn-outline-facebook برای دکمه های عمومی اجتماعی.

دکمه های اجتماعی تخت

استفاده شبیه کلاس.btn-SOCIAL_NAME-flat .btn-facebook-flat کلاس دکمه های اجتماعی صاف

دکمه آیکون اجتماعی

استفاده .btn-social-icon کلاس دکمه آیکون اجتماعی.

دکمه آیکن گرد

استفاده از کلاسدکمه های تختبرای دکمه های گرد

دکمه های آیکون اجتماعی آیکون

آیکون اجتماعی آیکون کلیدهای کلی