html - 调整为移动设备大小时，引导页脚左右间隙

Question

我在我的 twitter boostrap 网站上添加了一个新的页脚，但是当我调整窗口大小时，窗口的间隙出现在左侧和右侧。

我知道这与这个css代码有关......

@media (max-width: 767px) {
 body {
padding-left: 20px;
padding-right: 20px;

}

如果我将填充更改为 0px，则页脚间隙会消失，但整个页面会丢失一个边距。

我已经尝试过了，但是没有用。

@media (max-width: 767px) {
 footer {
padding-left: 0px;
padding-right: 0px;

}

有任何想法吗？

Answer 1

尝试使用负边距，与导航使用的方法相同。我没有尝试过，但是这样的东西应该可以工作：

@media (max-width: 767px) {
    footer {
        padding-left: -20px;
        padding-right: -20px;
    }
}