Html 如何删除引导4 jumbotron下的空白

我对jumbotron有一个问题，因为某种原因，它下面出现了空白，我不知道这是因为我的代码还是我在哪里犯了一个错误。我已经做了两天了。我在Bootstrap4网站上复制了jumbotron的代码。我需要一些帮助。如图所示，它下面出现了空白

.container\u fluid.one{
背景尺寸：封面；
高度：100vh；
背景色：#43E8E4；
}
.导航项目{
右边填充：20px；
字号：18px；
}
.info h1{
边缘顶部：170px；
线高：50px；
}
.info p{
字体大小：15px；
}
跨度{
颜色：#fffc00；
}
黄金{
颜色：#fffc00；
}
.info p{
字号：18px；
}
怀特先生{
颜色：#fff；
}
.navbar-dark.navbar-nav.nav-link:focus，.navbar-dark.navbar-nav.nav-link:hover{
颜色：#fffc00；
}
.领导{
利润上限：110像素；
宽度：457px；
高度：316px；
}
.下来{
边缘顶部：60像素；
}
.容器2{
背景尺寸：封面；
最小高度：100vh；
背景色：#43E8E4；
}
琼伯伦先生{
边际上限：0px；
}

我将为你超越一切。
世界上最好的

我擅长我的工作

了解更多
流体巨磁振子
这是一个经过修改的巨型机器人，它占据了其父机器人的整个水平空间

这是因为：

.jumbotron {
    margin-bottom: 2em;
}

因此，如果您想删除它，只需为您的div指定一个类，例如：

jumbotron override

，并将此代码添加到css：

.jumbotron-override {
    margin-bottom: 0px;
}

结果可以在JSFIDLE上看到：（整页：）

---

我希望它能解决您的问题：）

在CSS文件中包含这些代码行

.jumbotron {
    margin-bottom: 0px;
 }

---

我试图通过注释marginbottom:2rem来覆盖您的代码；然后空白消失了

.jumbotron {
    /* padding: 2rem 1rem; */
    /*margin-bottom: 2rem; */
    background-color: #e9ecef;
    border-radius: .3rem;
}

---

我不得不把

！重要信息

在

页边距之后：0px

使其正常工作

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

---

内部元件可能有一些余量，可能是h1，您检查过元件了吗？在一个使用

.jumbotron{padding bottom:1px；}