为什么横幅图像下面有一条白线？

Question

有人知道为什么在此页面上我的横幅图像与其下方的紫色线之间有一小段白线吗？ https://www.lpp-leicester.org.uk/

我已经检查了该元素，但我认为没有任何填充或边距触及该元素。

横幅图像是我主题的一部分，所以我找不到相关的代码。抱歉，我对此很陌生。

Answer 1

这是因为巨无霸级边界。使用

.jumbotron {
    border-bottom: 1px solid #7a52bc !important;
}

Answer 2

从Jumbotron div以下的div中删除以下CSS：

background-color: #783DBC; height: 5px;

然后将以下CSS添加到Jumbotron Section标记

border-bottom: 5px solid #783DBC !important;

Answer 3

这是因为您的jumbotron具有类border-bottom。

Answer 4

只需添加此CSS规则即可删除细小的白线。会成功的

.container-fluid { margin-top: -1px;}