Html bootstrap中不需要的边距底部

这是网站。页脚是引导程序的

。嗯

。它有一些默认的

页边距底部

，您可以通过inspect element选项看到这一点。现在我已经尝试了所有我知道的方法来删除边距底部（除了编辑原始引导文件，我认为我不需要这样做）。例如：

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

我也尝试过内联css，但没有用。有人能帮我吗？

---

注意：如果我用inspect element工具删除边距，它会给出我想要的准确结果。

添加

边距底部：0px

到

footer.footer home

在

自定义中。css

应该可以解决您的问题。

添加

页边距底部：0px

到

footer.footer home

在

自定义中。css

应该可以解决您的问题。

如果您删除所有符合顺序的内容，则其中一个父div具有相对位置并定义了“top:-30px；”

这是一行：

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

---

其中一个父div具有相对位置，并且定义了“top:-30px；”，如果您将其删除，则所有div都符合顺序

这是一行：

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

---

您需要做一些更改来修复此问题

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

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

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

#header {
    margin-bottom: 30px;
}

不需要

！重要信息

请点击此处

2）该元素仍将移动到顶部，因为其父元素强制它这样做。通过删除该规则来取消该规则。更改：

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

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

#header {
    margin-bottom: 30px;
}

---

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

您需要进行更改以修复此问题

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

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

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

#header {
    margin-bottom: 30px;
}

不需要

！重要信息

请点击此处

2）该元素仍将移动到顶部，因为其父元素强制它这样做。通过删除该规则来取消该规则。更改：

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

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

#header {
    margin-bottom: 30px;
}

---

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

真棒，伙计们，非常感谢。你们所有人，但我只能接受一个答案。我的答案在这里，它可能会帮助你们。这是链接，检查我的答案，它可能会帮助你。这是链接，真棒，伙计们，非常感谢。你们所有人，但我只能接受一个答案。我的答案在这里，它可能会帮助你们。这是链接，检查我的答案，它可能会帮助你。这里是链接，