دکمه های گروهی Button Group

در بسیاری از جاها نیازمند ایجاد دکمه ها به صورت گروهی هستیم. یعنی چند دکمه در کنار هم که اعمال مختلفی را انجام دهند.

جنس دکمه ها همانند همان دکمه ها است ولی نوع چینش آنها متفاوت تر است.

در این صفحه انواع دکمه های گروهی را به شما نمایش خواهیم داد.

برای نمایش دکمه های گروهی بایستی دکمه های مد نظر درون div یا ig قرار گیرند سپس کلاس button-group به آن نسبت داده شود.

همانند انواع دکمه ها و چک باکس یا رادیو، میتوانید، از کلاسهای مرتبط با آنها نیز استفاده کنید.

اگر همه دکمه ها از یک تم رنگی استفاده میکنند، میتوانید آن تم رنگی را به کل مجموعه نسبت دهید.

مثال

دکمه ها از جنس button در رنگهای متداول.

گروه چک باکس

اگر تمایل دارید، تعداد چک باکس در یک گروه داشته باشید، از مثال زیر استفاده کنید.

گروه رادیو

اگر تمایل دارید گروهی به شکل رادیو داشته باشید به مثال زیر توجه کنید.

گروه عمودی

اگر میخواهید گروه دکمه ها به صورتی عمودی نمایش داده شود، با حفظ همه قوانین، کافیست کلاس vertical را اضافه کنید.

گروه بازشو

میله ابزار