Issue with push/pulling my layout

Question

I have a simple layout, with a sidebar (col-3) and content (col-9)

[3] [9]

I\'m trying to get it so at xs side my layout is

[C         


        

Answer 1

If you think "mobile-first", and use the push/pull for the larger screen widths, it should work like this..

<div class="col-sm-9 col-sm-push-3" id="mainContent">
    content
</div>
<div class="col-sm-3 col-sm-pull-9" id="globalSidebar">
    sidebar
</div>

Demo