Bootstrap Footer在调整为移动设备时左右间隙

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;
    }
}