Question

这是网站link。页脚是引导程序.well。它有一些默认的margin-bottom你可以通过inspect元素选项看到它。现在我已经尝试了所有我知道的删除边距底部（除了编辑原始的bootstrap文件，我认为我不需要这样做）。例如：

footer.well { margin-bottom: 0px !important; }

我也尝试过内联css，但没有用。任何人都可以帮助我吗？注意：如果我使用inspect元素工具删除边距，它会给出我想要的确切结果。

Answer 1

其中一个父div具有相对位置和“top：-30px;”定义，如果你删除所有订单

这是一行：

<div style="position: relative; top: -30px;" class="nav_wrapper padding">

将此重新定义为顶部：0;你有它。其余的填充是页脚实际填充，您可以删除：

footer.well { margin-bottom: 0px !important; }

Answer 2

您需要进行更改才能解决此问题。

1）确实删除了底部边距和1px底部边框：

footer.well {
    margin-bottom: 0px;
    border-bottom: none;
}

此处不需要!important

2）元素仍将移至顶部，因为其父元素强制它执行此操作。通过删除它取消该规则。变化

<div style="position: relative; top: -30px;" class="nav_wrapper padding">

简单地

<div class="nav_wrapper padding">

3）一旦从顶部移除，将会有30倍的间隙，因为您只是重新创建它以清除底部。这是一种更简洁的方式来重新创建它而不修改底部：

#header { margin-bottom: 30px; }

必须在引导CSS文件规则之后声明所有CSS规则。最好是从之后加载的另一个文件。

Answer 3

在margin-bottom: 0px;中将footer.footer-home添加到custom.css可以解决您的问题。

Bootstrap .well中不需要的边距底部

3 个答案: