bootstrap reorder col on sm device code example
Example: change order columns bootstrap
<div class="row">
<div class="col-md-3">
sidebar
</div>
<div class="col-md-9 ">
main
</div>
</div>
// CSS
.row{
display: flex;
flex-flow: column-reverse;
}