Bootstrap Justify Toolbar Buttons To Fill Entier Rows Width
I have a long toolbar with many buttons and that toolbar wraps according to screen width. Is there a way to make each buttons wrapped in a each row be justified in any way to fill
Solution 1:
The working CSS is:
.btn-toolbar{
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.btn-toolbar .btn{
-webkit-box-flex-grow: 1;
-moz-box-flex-grow: 1;
-webkit-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
Post a Comment for "Bootstrap Justify Toolbar Buttons To Fill Entier Rows Width"