Css 导航栏和标题之间令人讨厌的空格

我在导航栏和页面顶部的

标题之间有一个恼人的空格，我似乎无法摆脱。我已经尝试了

.navbar{margin-bottom:0；}

和

section#title-bar{margin-top:0；}

。但是，差距并没有消失。我用的是bootstrap4

这是我的密码：

正文{
背景：#FFF；
填充顶部：4rem；}
身体，导航栏{
页边距底部：0px；}
正文.绿色文本{
颜色：#1CAA98！重要；}
body，jumbotron{
背景：url（../img/site\u showcase\u bg.jpg）没有重复的顶部中心；
颜色：#FFF；
高度：500px；
溢出：无；}
body.jumbotron img.app-btn{
宽度：40%；
右边距：30px；
显示：内联；}
身体，大毒枭h1{
页边距顶部：60px；}
body.jumbotron p{
页边距底部：40px；}
body.jumbotron img.showCase-img{
最大宽度：100%；}
主体部分#中间{
填充：10px 0 40px 0；}
车身部分#中间img.demo-1{
宽度：100%；
填充：3倍；
边框：1px实心#CCC；}
车身部分#中间img.demo-2{
宽度：100%；
填充：3倍；
边框：1px实心#CCC；}
车身部分#中间img.demo-3{
宽度：100%；
填充：3倍；
边框：1px实心#CCC；}
主体部分#特征{
背景：#1CAA98；
颜色：#FFF；
填充：40px；
溢出：自动；}
车身部分#特征ul li{
字体大小：22px；
列表样式：无；}
车身部分#特征。大徽标{
宽度：100%；}
正文部分#标题栏{
高度：80px；
背景：#1CAA98；
颜色：#FFF；
填充：0；
边距：0；}
正文页脚{
背景：#333；
颜色：#FFF；
填充：30px 0 20px 0；}
体尾李{
浮动：左；
填充：0 10px 0 10px；
列表样式：无；}
正文页脚a{
颜色：#FFF；}
正文页脚p{
浮动：右；}

伽玛：关于








关于伽马
这是由于
填充顶部：4em
在
主体上，您需要使用
56px
（导航栏的高度），例如：

body {
  padding-top: 56px; // Height of the navbar
}

请看下面的代码片段：


正文{
背景：#FFF；
填充顶部：56px；}
身体，导航栏{
页边距底部：0px；}
正文.绿色文本{
颜色：#1CAA98！重要；}
body，jumbotron{
背景：url（../img/site\u showcase\u bg.jpg）没有重复的顶部中心；
颜色：#FFF；
高度：500px；
溢出：无；}
body.jumbotron img.app-btn{
宽度：40%；
右边距：30px；
显示：内联；}
身体，大毒枭h1{
页边距顶部：60px；}
body.jumbotron p{
页边距底部：40px；}
body.jumbotron img.showCase-img{
最大宽度：100%；}
主体部分#中间{
填充：10px 0 40px 0；}
车身部分#中间img.demo-1{
宽度：100%；
填充：3倍；
边框：1px实心#CCC；}
车身部分#中间img.demo-2{
宽度：100%；
填充：3倍；
边框：1px实心#CCC；}
车身部分#中间img.demo-3{
宽度：100%；
填充：3倍；
边框：1px实心#CCC；}
主体部分#特征{
背景：#1CAA98；
颜色：#FFF；
填充：40px；
溢出：自动；}
车身部分#特征ul li{
字体大小：22px；
列表样式：无；}
车身部分#特征。大徽标{
宽度：100%；}
正文部分#标题栏{
高度：80px；
背景：#1CAA98；
颜色：#FFF；
填充：0；
边距：0；}
正文页脚{
背景：#333；
颜色：#FFF；
填充：30px 0 20px 0；}
体尾李{
浮动：左；
填充：0 10px 0 10px；
列表样式：无；}
正文页脚a{
颜色：#FFF；}
正文页脚p{
浮动：右；}

伽玛：关于








关于伽马
您需要从
h1
标记本身中删除上页边距，并从导航栏导航
ul
列表中删除下页边距，默认情况下浏览器样式就是这样