Twitter Bootstrap 3.0比窗口宽

我正在摆弄Twitter Bootstrap，注意到我的.row比屏幕更宽。Twitter Bootstrap 3.0比窗口宽

这里是example

当引导3.0出来后我没有经历过这一点。

在右侧额外的空间来自margin-right: -15px;

我在这个闪耀了几个小时，而又不使原因或任何进展如何，我欺骗自己和搜索没有帮助的。

我敢肯定我很想念这个明显的问题。我想了解为什么超出窗口宽度（强制滚动条）以及如何避免它的空间。我认为一行将匹配100％

正确的解margin: 0 -15px;（https://getbootstrap.com/docs/3.3/css/#grid-example-fluid）是使用container-fluid类对周围的div：

<div class="container-fluid"> 
    <div class="row"> 
    Content 
    </div> 
</div>

2014-05-12 18:41:54 Ben

是的，错误不能再复制，因为.container流体已被添加。这是现在正确的答案，所以我已经改变了你接受的答案。+1 –

这不会**工作，如果你把一些列内。 'bootstrap 3.2.0'，[Anes's answer]（http://stackoverflow.com/a/24028831/3744681）为我工作。 – Jahid

非常感谢！我花了很长时间才弄清楚这一点。 – Schylar

您的行需要放在一个div中，应用了容器类。

例如

<div class="container"> 
    <div class="row"> 
     Content 
    </div> 
</div>

2013-10-27 01:00:20

你好谢谢。据我所知。容器的目的是集中东西。没有它，我会预计一行是100％的宽度？我需要制造客户集装箱吗？ –

编辑>>

这是以前接受的答案。如果有人使用旧版本的网站，则无法删除。

编辑< <

这是一个错误

这似乎已经要松开了一段时间。也许在3.1中适当的修复。

最好的建议似乎是"overflow-x: hiddenbody元素。

除此之外，他们增加/澄清一些它在这个commit

特别是这条线“的人找创建充分流动布局（这意味着你的网站绵延视口的整个宽度）必须包裹其格内容在含元件与padding: 0 15px;以抵消用在.row“

2013-10-27 01:35:21

我固定它通过只从在自举.row除去利润率左&余量 - 右和也通过设置它的宽度为100％

2014-06-04 04:07:22 Anees

欢迎来到Stack Overflow。你如何回答对接受的答案的改进？ –

问题是，删除边缘左/右完全摧毁完全bootstrap的建筑基石之一.... – dudewad

接受的答案是行不通的。但是，这似乎是真正的答案。 –

回答