Hello dear students Thank you Welcome to my video tutorial series go to step in this video I will teach you what is the group button in bootstrap how we use bootstrap group buttons. And what is the importance of group buttons to using websites. Guru button allow us to group series of buttons together on a single line in a button groups. You have work on website before our heavy you send the websites there are many buttons you can see group of buttons, same line, a single line that's we use in this project how we make our project responsive and using group buttons in a standard applying button size to every button in group use classes btn group large for a large button group our btn groups simile for HTML patterns. There are two types that buttons for users suppose we use for large, LG for large computers like laptops computers.

According to our laptop and computer screen, we use btn group large for similar like tablets and mobile devices. Because the bootstrap is the first mobile device website responsive websites for mobiles we're developing our projects so we use btn group. SM small for computers. As for laptops, it can help you to make for your computers and tablets and mobiles that take it there are group buttons We can see started div class container, button group size. A class button to size our buttons in group. How we use it.

Well, there is three large buttons div class btn group btn. Group large is for large buttons for using btn type btn. Class btn btn primary close education button close btn close btn Primary Health btn close btn type button class btn btn primary close button close let's see, check it come here and run click on the browser we can see large debts group button education Help can put. You can also make a big size depending on your website just I show you three, how you can use it. The files buttons, its large ones, which we use for large ones, it is default Hello education computed its small size. Education has completed it is the vertical we teach you how you can make on vertical on your mobile devices.

Same same there is we not use the large there group. If we make it large, they can use their large if default, they're not class btn group. Just leave it if you want make it large then can make it I'll see Otherwise you cannot have an add on so let's see what's function don't care are so large because it is defined. leverage it same it is far simple mobile devices btn group btn group SM, we use is m simple again it's education but education healthcare. Now come on the group, vertical buttons. There is vertical button.

We use div class container, vertical group use that there is class btn group vertical we use here but trigger There is also same type button, type, button. Close classes btn btn, primary health, button close. Same education health and close div close. Let's run it and you'll see us vertical display and vertical. Thank you very much for watching unlike our course in Buddhist Step four, if you have selected to group buttons, any question you can ask me here, I will quickly answer you. I also provide your source code of this project.

You can download it, practice it. Thank you very much.