To have a one group spanned the entire width of the screen we can use the button group justified class.
In this example we can see the buttons respond to changes in the browser size
the buttons expand and contract is the browser shrinks and expands
in order to do this.
We need to create a div and attach two classes.
This is our block of code for the button group and we've started with an added element.
We've attached two classes to this div element button group and button group justified
inside the div.
It's easiest to create.
Each button using a link element here and you can see we have three links starting with our opening
a tag and each link has the button and button primary class attached.
And of course the button label so we've done this for the remaining buttons as well.
Home company in contact and you can see them all here
so this is the easiest way to do it.
We can use button elements as well for the links but the process is a bit longer.
So the second block of code pertains to this button group here.
The second one and this time we've used button elements instead of link elements so in order to do this
first we need to create a div and give it the button group and button up justified class just as we
did before but this time we also have to nest each button element inside its own div so you can see
we have three div elements in each element as the class button group inside each development.
We have the button element and we've attached two classes button in button primary to the button element
and so we've done this we repeated this for each button so you can see that the process is a bit longer.
If you want to use the button element.