如何在Twitter Bootstrap中使网格扩展到整个html页面 [英] How to make grid stretch across whole html page in twitter bootstrap

问题描述

建立一个主页，我希望网格扩展到整个页面.我尝试将容器宽度设置为100％，但似乎无法正常工作.我正在使用默认的网格系统.我正在寻找的一个示例是www.rdio.com.

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>

推荐答案

如果您在Bootstraps网站上查看脚手架，就会看到

If you look at the scaffolding on bootstraps website you'll see that

<div class="container-fluid">

是用于使其遍及整个网站的容器.

is the container to use to make it go across the whole website.

您也可以使用诸如

<div class="row-fluid">

希望有帮助

这是链接 http://twitter.github.com/bootstrap/scaffolding.html

这篇关于如何在Twitter Bootstrap中使网格扩展到整个html页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！