页脚和Jumbotron之间的空白区域

Question

我的网站遇到两个问题：

1。 Jumbotron和Footer之间不需要的空白区域：

我在这里和那里发布了各种解决方案，包括stackoverflow但是我没有设法解决我的问题。我不知道会导致什么。

2。页脚中的列稍微移位

代码看起来是正确的，即使我的页脚中的列似乎在左侧稍微浮动

代码可以在这里找到：

codepen.io/foeva/pen/dMqxyK?editors=1100

Answer 1

Jumbotron的标准底部边距为30px;

将以下内容添加到css中的.jumbotron选择器中应该修复它：

margin-bottom: 0;

我没有看到列有什么问题，它们都是相等的宽度并且居中。