如何在twitter bootstrap中跨整個html頁面進行網格拉伸

Question

構建一個主頁，我希望網格在整個頁面上展開。 我嘗試將容器寬度設置為100％，但似乎沒有工作。 我正在使用默認的網格系統。 我正在尋找的一個例子是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>

Answer 1

如果你看看bootstraps網站上的腳手架，你會看到

<div class="container-fluid">

是用於使其遍及整個網站的容器。

你也可以用像這樣的行來做到這一點

<div class="row-fluid">

希望有所幫助

這是鏈接http://twitter.github.com/bootstrap/scaffolding.html