Reverse grid arrangment?

Question

I have a sidebar on the right and content on the left:

  
Main. At large zoom --          


        
                      

              相关标签:
       
      

Answer 1

Think mobile first. Put the column that on mobile will go up first. And use pull and push for larger screens.

<div class="col-xs-12 col-md-push-9 col-md-3">
  <p>Sidebar. At large zoom -- currently it goes to bottom. I want it to go to the top.</p>
</div>

<div class="col-xs-12 col-md-pull-3 col-md-9">
  <p>Main. At large zoom -- currently it goes to top. I want it to go to the bottom.</p>
</div>