Bootstrap Navbar有奇怪的发际边框

Question

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

它跨越了整个页面的头和威比一切的爱，我无法找到它是从哪里来了！只是具有透明背景的基本导航栏。我已经探测了devtools中的所有CSS列表，最接近的发现是.navbar-default .navbar-collapse, .navbar-default .navbar-form上的border-color，我尝试更改为无效。

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

WR！

Answer 1

.navbar-default有箱阴影，这是你可以看到：

-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); 

覆盖它自己的CSS摆脱该行：

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

这里有一个Codepen。