How to change stacking order of columns?

Answer 1

Bootstrap's col-** classes have position: relative; property. So when you set additionally col-**-push-** or col-**-pull-** classes you change column order moving using left or right properties.

You can try like this:

  

    

        Header Content Middle
    
    

        Header Content Right
    
    

        Header Content Left
    
  

Example in Codepen is here

P.S. One thing to know I have changed column order in my example to achieve right column order when columns are collapsed.