Twitter引导列未按预期显示

Question

我已经下载了最新版本的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，则列按预期并排堆叠。

为什么会这样？

[[编辑]]

我刚看了一下我正在使用的span类的TB css定义。他们是：

.span4 {
    width: 370px;
}

.span8 {
    width: 770px;
}

我的显示器显示错误（1366 x 768）。

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

Answer 1

那是因为你的元素比预期的要大。确切地说，它们长4 px（每个左右两边都是1px）。

Answer 2

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