×

Html & Html5

The World's best Software Development Study Portal

Button Groups


In a single line or in a group if we want to show buttons. So yes we can do this and we can create this button group vertical , horizontal , nesting , dropdown etc. And we use .btn-group class for it.
Let’s understand them by this program :-


The .btn-group creates simple button group and we use element here.
Let's understand this by the following example :-






Output of this Program


Button group

So here our button group comes in single line .



Vertical Button Groups


If we want to add button group vertically than we have to use .btn-group-vertical for that.
Let’s understand them by this program :-






Output of this Program


Button group

So our button group comes vertically.



Split Button Dropdown


We can create the dropdown also in our button group.
Let’s understand them by this program :-






Output of this Program


Split Button

So we can see the dropdown option here.





Bootstrap 4 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute