html - 如何在 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