Bootstrap 3: How to drop the left sidebar drop below content using push-pull

Question

I am using Bootstrap 3 and on mobile devices I\'d like to vertically stack all the div\'s (sidebar & content) and position the left sidebar below the main container (current

Answer 1

In Bootstrap 4 you use ".order-*-{n}"

This example has 3 columns. On a large view they are evenly spaced and in the same order as the HTML. On a medium view, HTML columns 1 and 3 are half width and across from each other while the middle HTML column is dropped to the bottom and full width. On small views they are each full width in HTML column order 1,3,2.