Bootstrap 2.3 CSS响应左侧有一个空白区域

Question

我正在创建一个网站(我在这里是个菜鸟).我正在研究设计的功能部分,我稍后会有人做图形.

目前,当它进入响应式(移动视图)时,它在右侧留下了2px的边距,可以在移动浏览器上移动(并且可滚动).我不能为我的生活摆脱那个.

如果我打开overflow-x:hidden,那么它确实变得不可滚动但仍然可以移动.

我希望这个额外的空间消失.我没有看到它被定义为任何css中的填充.

使用Bootstrap 2.3

Answer 1

通过将此添加到我的自定义css解决:

html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

注意:!important仅被使用,因此它优先于其他CSS.!important如果您在引导CSS之后加载自定义CSS,则大多数实例都不需要.