1

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

像这样的东西:

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

或这个:

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

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

有人可以帮助我吗?

4

1 回答 1

0

如果您查看第二个链接的 dom,您会看到:

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

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

查看twitter bootstrap的文档

编辑

在 html 中:

<div class="span10 content">

在 CSS 中:

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

但请记住,使用流体网格 twitter bootstrap 为所有跨度定义了所有边距和百分比值

.row-fluid [class*="span"]
于 2012-10-17T10:33:24.360 回答