页面右侧的Twitter引导白色缺口

我的响应式样式表与Twitter Bootstrap存在问题.该网站显示没有问题,但无论出于何种原因,响应式平板电脑和手机在页面右侧有这个巨大的白色间隙.它不是滚动条发出巨大的白色差距

http://i.imgur.com/JeRRRqq.png

我不相信我在这里已经改变了很多.没有任何宽度或任何东西.检查了Chrome中的对象,看不到任何溢出宽度的东西

1> Nicola Pedre..：

---

这可能有点晚,但我发现其他答案有误导性.

确实,行类是导致问题的原因,但这是因为它总是应该放在容器元素中.

来自http://getbootstrap.com/css/:

行必须放在.container(固定宽度)或.container-fluid(全宽)内,以便正确对齐和填充.

容器元素通常在左右两侧都有-15px填充,行类在左右两侧有15px填充.两人相互抵消.如果两个中的一个不存在,您将看到额外的空间.

---

我的页面上的`row`s在`container`或`container-fluid`中,但我仍然看到右边的大白色空间.即使使用Chrome开发工具也无法弄明白.这仅在具有表单的页面上发生.有任何想法吗？

2> Jules..：

---

你有没有尝试过:

html, body { overflow-x: hidden; }

你可以发一个小提琴吗？

---

注意bootstrap的'row'类和{margin-right:-15px}.这是我的页面上的原因.

3> Scott Selby..：

---

将以下元标记添加到HTML中

html, body. div{
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
}

在HTML和身体上

4> 小智..：

---

我有同样的问题.我发现导致填充的对象是Bootstrap的"行"类.

如果你添加

.row {
  padding-right: 0px;
  margin-right: 0px;
}

对于你的CSS文件/行对象,这应该至少修复一个导致页面填充的项目.

---

行填充是有意的.你应该将行包装在`.container-fluid`中.