title: Bootstrap: How to change the order of div in fluid-row?
body: <p>How to re-arrange/swap the order of some fluid container/row in bootstrap.....</p>
  
  <p>If we take an example of bootstrap's fluid example on following page:</p>
  
  <p><a href="http://twitter.github.com/bootstrap/examples/fluid.html">http://twitter.github.com/bootstrap/examples/fluid.html</a></p>
  
  <p>They have sidebar on left in a fluid row and then a hero unit in same row. And then some content in next row. When we switch to mobile view/smaller screens, it appears in same sequence. But how can we change that order. i.e. how to show the sidebar at the end and hero unit on top of the page?</p>