From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Button groups

Button groups - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Button groups

- [Instructor] There are a few classes that help you create button groups. So let's explore them in this video. There are two options for grouping together buttons in Bootstrap. To group simple buttons together you can use the btn-group class. There's also a vertical option for button groups that stack on top of one another. And those are traditionally used for mobile devices but you can use them for whatever you want. Finally, there is a toolbar option that let's you create groups of button groups. Now when you're creating button groups it's a good idea to use the aria label property to add a little bit of context to your button groups. So let's go ahead and implement these. I've got a pretty simple page here with a bunch of buttons and we're going to make two different button groups right here. So what we'll do is, we'll add a div, and I'm going to place this first sort of group in here. And let's go ahead and indent them a little bit. And we'll add a class of btn-group here. So…

Contents