title: Full width hero unit in Twitter Bootstrap
body: <p>In <a href="http://twitter.github.com/bootstrap/examples/hero.html" rel="noreferrer">this example layout</a> I want only hero unit to be 100% wide and rest within the default grid. For example, <a href="http://www.htc.com/in/" rel="noreferrer">check this site</a>. It has only the hero unit part (showcase area) in full width and rest in fixed width (navigation, bottom content, footer). </p>
  
  <p>I need to do this without losing responsive design feature. </p>