2

我已经下载了最新版本的 TB，并且刚刚开始熟悉它。作为我的第一个测试，我想创建一个有 2 列的页面，第一列将是内容区域的 2/3，第二列将占用剩余 1/3 的可用空间。

我假设内容区域为 12 列宽，如文档所述。这是我在页面内容区域中的简单代码片段：

<div class="row">
    <div class="span4" style="border: 1px red solid;"></div>
    <div class="span8" style="border: 1px blue solid;"></div>
</div>

当列宽总和为 12 时，列堆叠在一起，而不是像我预期的那样并排（通过阅读文档）。如果列宽的总和小于 12，则列按预期并排堆叠。

为什么会这样？

[[编辑]]

我刚刚查看了我正在使用的跨度类的 TB css 定义。他们是：

.span4 {
    width: 370px;
}

.span8 {
    width: 770px;
}

我的显示器 (1366 x 768) 似乎是错误的。

我能做些什么来修复它，以便我拥有我想要的布局（2/3 1st col，1/3 2nd col）？

4

2 回答 2

0

那是因为您的元素比预期的要大。确切地说，它们长了 4 像素（左右边框各 1 像素）。

于 2012-11-13T11:27:01.390 回答
0

您是否尝试过编辑您的 css 并将主体/容器宽度更改为更高的数字？

于 2012-11-13T11:29:50.817 回答