title: Twitter Bootstrap 2: How to get responsive design to place sidebar on the bottom instead of top?
body: <p><a href="http://twitter.github.com/bootstrap/" rel="nofollow noreferrer">Twitter's Bootstrap 2</a> 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 would work for many sites, but I actually want the sidebar at the bottom on small width layouts.  </p>
  
  <p>I'm brand new to Twitter Bootstrap and tried to figure out what part of the CSS in <code>bootstrap-response.css</code>, but I didn't see anything in the section for <code>@media (max-width: 480px)</code>. </p>
  
  <p>I looked at the Bootstrap documentation for the <a href="http://twitter.github.com/bootstrap/scaffolding.html#responsive" rel="nofollow noreferrer">responsive design</a> and there isn't much detail on it.</p>
  
  <p>Would love some pointers...</p>