Twitter Bootstrap 2: How to get responsive design to place sidebar on the bottom instead of top?

Question

Twitter\'s Bootstrap 2 finally added native responsive design. However, by default when the browser width is below a min width, it places the sidebar on top. I can see how this

Answer 1

This is for Andres Ilich who answered this question. I do not see a way to make a comment above or to contact him directly. So I apologize to the moderators.

To make this thread more helpful I would like to know what is meant by "Then all you have to do is flip the container divs like so:" How do the container divs get flipped? The code demo/edit is still not clear to someone like me who is not real familiar with that technique. I can't figure out what it is doing and how it works. It almost looks like some javascript is acting on it. Ideally, there would a bare bones example with only two divs and minimal css pointing out on which css line(s) the "flip" takes place.

If anyone has the time to elaborate, I would greatly appreciate it.