Twitter bootstrap:1个侧栏1流体内容容器

时间:2012-10-17 09:30:44

标签: layout twitter-bootstrap

我想做一个twitter-bootstrap布局,左边有一个侧边栏,屏幕的其余部分应该是动态的。

这样的事情:

http://wbpreview.com/previews/WB042R743/

或者这个:

http://wbpreview.com/previews/WB001365H/main.html

(如果要求登录:输入demo:demo)

有人能帮助我吗?

1 个答案:

答案 0 :(得分:0)

如果你看一下第二个链接的dom,你会看到:

<section class="container-fluid">
    <div class="row-fluid">
        <div class="span2"></div>
        <div class="span10"></div>

流体类将宽度设置为视口的100%。

查看twitter bootstrap的docs

修改

in html:

<div class="span10 content">

在css中:

.container-fluid span10.content { margin-left: 0; }

但请记住使用流体网格twitter bootstrap定义所有边距的百分比值

.row-fluid [class*="span"]