如何在twitter bootstrap中跨整个html页面进行网格拉伸

发布时间：2020-12-17 20:40:27 所属栏目：安全来源：网络整理

导读：构建一个主页,我希望网格在整个页面上展开.我尝试将容器宽度设置为100％,但似乎没有工作.我正在使用默认的网格系统.我正在寻找的一个例子是www.rdio.com. div class="container" div id="myCarousel" class="carousel slide" div class="carousel-inner" div

构建一个主页,我希望网格在整个页面上展开.我尝试将容器宽度设置为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>

解决方法

如果你看看bootstraps网站上的脚手架,你会看到

<div class="container-fluid">

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

你也可以用像这样的行来做到这一点

<div class="row-fluid">

希望有所帮助

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!