Bootstrap Navbar具有奇怪的发线边界

Question

我已经尝试了一切来摆脱这种血腥的发际线，包括来自this post和this post但没有肥皂的技术。这是我正在处理的图像：

它穿过页面的整个标题，并且为了爱上万物，我无法找到它的来源！只是具有透明背景的基本导航栏。我已经在devtools中检测了整个CSS列表，我发现最接近border-color .navbar-default .navbar-collapse, .navbar-default .navbar-form let，我尝试更改为无效。

在这个阶段，任何启蒙都是最受欢迎的。 TIA！

WR！

Answer 1

.navbar-default has a box-shadow, which is what you can see:

-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);

Override it in your own CSS to get rid of that line:

-webkit-box-shadow: none;
box-shadow: none;

Here's a Codepen.