How to make grid stretch across whole html page in twitter bootstrap

Building a home page and I want the grid to stretch across the whole page. I tried setting the containers width at 100 percent but it seems not to be working. I am working with a the default grid system. An example of what i am looking for is www.rdio.com.

<div class="container">

   <div id="myCarousel" class="carousel slide">

     <div class="carousel-inner">
        <div class="active item"><img src="/site_media/static/img/" /></div>
        <div class="item"><img src="/site_media/static/img/ /> </div>
        <div class="item"><img src="/site_media/static/img/ /> </div>
     </div>

‹ ›

   </div>

  <div class="row" id= "middleRow">

     <div class="span4" id="explanation"> </div>

     <div class="span4" id="explanation"> </div>

     <div class="span4" id="explanation"> </div>

  </div>