Bootstrap CSS Component button Group (btn-group) _javascript tips

. Btn-toolbar (helps several groups of btn-group to be combined into one btn-toolbar)/.btn-group (BTN-GROUP-LG/BTN-GROUP-SM/BTN-GROUP-XS)/. Btn-group-vertical
The buttons inside the container can use the button element, or you can use a element to produce the same effect.

Multiple groupings of containers are displayed in table style, keeping 5px left margin between each group

Source code
. Btn-toolbar:before,
btn-toolbar:after{
 display:table;
 Content: "";
btn-toolbar:after{
 Clear:both
}

. Btn-toolbar {
 margin-left: -5px;
}
. Btn-toolbar. BTN,
Btn-toolbar btn-group,
. Btn-toolbar. input-group {
 float:left;
}
. Btn-toolbar > Btn,
. Btn-toolbar > Btn-group,
. Btn-toolbar > Input-group {
 margin-left:5px;
}

examples See button groups. html– general grouping, nested grouping, vertical grouping

<! DOCTYPE html>  

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.