【发布时间】：2012-08-06 10:26:48
【问题描述】：
我发现 Twitter Bootstrap 非常令人沮丧，因为即使使用非响应式样式表，布局的总宽度也超过了 940 像素。 Twitter bootstrap 声称，如果您不使用响应式样式表，则默认宽度为 940px。我没有使用响应式样式表，我使用的是固定列，但我仍然发现布局的宽度更接近 1170px。
我的布局结构如下：
<div id="wrapper">
<div class="row">
<div class="span8"></div>
<div class="span4"></div>
</div>
</div>
我将包装 div 的宽度设置为 960 像素（这应该足以包含两个子 div），但两个 div 的宽度是两个宽，可以内嵌在包装 div 中。我在这里错过了什么吗？根据 Bootstrap 的说法，一个 8 和 4 跨度的 div 最终应该只占用 940px。感谢您的帮助！
【问题讨论】：
-
您可以使用浏览器的检查器（例如 Firefox 上的 Firebug）查看应用宽度的规则（以及样式表）吗？我无法提供任何其他帮助，只能说有些东西正在使布局变得如此之宽。您需要深入研究 CSS 以找出它的来源。
-
看起来问题是 span8 元素的实际宽度是 640，而 span4 的宽度是 320 没有边距。不知道为什么会这样，因为我使用 Bootstrap 的默认宽度。
-
你说得对，我错了！请参阅下面的答案。