Skip to content Skip to sidebar Skip to footer

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"