Html 将大小调整为“移动”时引导页脚的左右间距

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

}

---

有什么想法吗？

尝试使用负边距，与nav使用的方法相同。我没有试过这个，但像这样的东西应该有用：

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