1
00:00:00,270 --> 00:00:06,470
To have a one group spanned the entire width of the screen we can use the button group justified class.

2
00:00:06,720 --> 00:00:10,890
In this example we can see the buttons respond to changes in the browser size

3
00:00:18,260 --> 00:00:21,720
the buttons expand and contract is the browser shrinks and expands

4
00:00:24,600 --> 00:00:25,580
in order to do this.

5
00:00:25,590 --> 00:00:32,010
We need to create a div and attach two classes.

6
00:00:32,030 --> 00:00:40,080
This is our block of code for the button group and we've started with an added element.

7
00:00:40,320 --> 00:00:46,110
We've attached two classes to this div element button group and button group justified

8
00:00:49,050 --> 00:00:50,030
inside the div.

9
00:00:50,400 --> 00:00:51,980
It's easiest to create.

10
00:00:52,020 --> 00:00:58,960
Each button using a link element here and you can see we have three links starting with our opening

11
00:00:58,990 --> 00:01:06,830
a tag and each link has the button and button primary class attached.

12
00:01:08,100 --> 00:01:15,350
And of course the button label so we've done this for the remaining buttons as well.

13
00:01:15,350 --> 00:01:18,800
Home company in contact and you can see them all here

14
00:01:23,410 --> 00:01:24,910
so this is the easiest way to do it.

15
00:01:26,190 --> 00:01:31,070
We can use button elements as well for the links but the process is a bit longer.

16
00:01:32,640 --> 00:01:37,070
So the second block of code pertains to this button group here.

17
00:01:37,110 --> 00:01:45,870
The second one and this time we've used button elements instead of link elements so in order to do this

18
00:01:46,320 --> 00:01:54,180
first we need to create a div and give it the button group and button up justified class just as we

19
00:01:54,180 --> 00:02:02,260
did before but this time we also have to nest each button element inside its own div so you can see

20
00:02:02,260 --> 00:02:11,260
we have three div elements in each element as the class button group inside each development.

21
00:02:11,260 --> 00:02:19,480
We have the button element and we've attached two classes button in button primary to the button element

22
00:02:20,950 --> 00:02:27,040
and so we've done this we repeated this for each button so you can see that the process is a bit longer.

23
00:02:27,040 --> 00:02:30,010
If you want to use the button element.