<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;

     }