调整大小调整为移动设备时左右引导页脚间距

Question

我已经在我的推特 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;
    }
}