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。