دکمه های گروهی buttons group بوت استرپ bootstrap

ساخت و ایجاد گروهی دکمه ها buttons group در بوت استرپ bootstrap،گاهی نیاز است انواع دکمه های بصورت یکجا ایجاد کرد.

گروه های دکمه

بوت استرپ bootstrap  به شما امکان می دهد یک مجموعه از دکمه ها buttons group را با هم (در یک خط واحد) در یک گروه دکمه دسته بندی کنید:

از یک عنصر <div> با کلاس .btn-group برای ایجاد یک گروه دکمه استفاده کنید:

مثال

نکته: به جای استفاده از دکمه های اندازه گیری برای هر دکمه در یک گروه، از کلاس btn-group-lg | sm | xs از تمام دکمه های گروه استفاده کنید:

مثال

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

بوت استرپ همچنین از گروه های دکمه عمودی Vertical Button Groups پشتیبانی می کند:

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

مثال

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

برای محدوده کل عرض صفحه Justified Button Groups، از کلاس .btn-group-justified گروه استفاده کنید.

مثال با <a> عناصر:

مثال

توجه: برای عناصر <button>، شما باید هر دکمه را در کلاس btn-group قرار دهید:

مثال

گروه بندی دکمه ها و فهرست های کشویی

Nesting Button Groups & Dropdown Menus AppleSamsungSony

گروه های دکمه لمسی برای ایجاد منوی کشویی:

مثال

تقسیم کشویی دکمه

Split Button Dropdowns