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

I created a grid "extension" to allow source ordering for fluid grids - it could be optimized but it does the job. Just use col-pull-# & col-push-# (where # is the number of columns you want to pull/push). Also to override the margin for the first element add a class of first to the element that you want to appear first in the row. See the demo and get the HTML/CSS/LESS here:

http://jsfiddle.net/NGuL2/3/embedded/result/