Html 导航栏和jumbotron图像之间的空白

我曾提过这个问题，但无济于事：

这是我到目前为止所拥有的

HTML:

“页边距底部”和“页边距顶部”属性不应该缩小空白吗

谢谢你阅读这篇文章

---

编辑：我自己解决了这个问题。我添加了

以替换

标题中的空格
它的h1标签的边缘

<h1>Software developer</h1>

在
.jumbotron
类中，似乎已将
页边距顶部设置为。只需将其设置为0，就可以缩小间隙

另一个原因可能是您的图像不够高，并且您的
背景重复设置为
无重复
请在css中添加class.jumbotron，并提供如下空白底部

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

在CSS中添加这一行，它将消除导航栏和图像之间的间隙

body { padding-top: 50px; } 

只需使用CSS将标题的背景颜色更改为#eeeeee即可。这有效地缩小了导航栏和jumbotron之间的差距，因为它们之间的空间与这两个元素的颜色相同
 你能把你的代码放在JSFIDLE中吗？我想白色的空白应该是
的一部分。类
.container
是否应用了css？由于某种原因，JSFIDLE上的代码看起来非常糟糕（我从未使用过这个）。我很乐意在一些帮助下将其粘贴到JSFIDLE中。我已经尝试过了，但差距仍然存在。另外，我没有将
背景重复设置为
无重复
。奇怪。除了bootstrap和css之外，你还有其他css吗？我有其他css代码处理导航栏上的导航药丸。让我更新我的CSS代码。这是旧的，但由于没有选择“正确答案”，我想我会分享这是可行的。包括这个！重要是关键。从技术上讲，op需要最高利润率：0px，但这是次要的。
h1{
    margin: 0;
}

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

body { padding-top: 50px; }