title: Position div entire width of viewport in Twitter Bootstrap
body: <p>How do you style a div in Bootstrap to span the entire width of the viewport (without fixed positioning) within the normal 12-grid system of "rows" and "spans"?</p>
  
  <p>In the Bootstrap source, the <code>navbar-fixed-top</code> class achieves this effect using a fixed position and <code>left</code> and <code>right</code> attributes:</p>
  
  <pre><code>.navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0;
  }
  </code></pre>
  
  <p>However, this navbar stays in the window regardless of scrolling. What styles are necessary to achieve the same entire width of the viewport without fixed positioning?</p>