Bootstrap 3导航栏上方和下方的银条

Question

我的Bootstrap 3导航栏的顶部和底部都有薄银色或白色条纹。我无法找到要更改的CSS类。我尝试使用Chrome控制台来解决这个问题但我在这个问题上没有运气。有人可以提供他们的专业知识吗？

这是JSFiddle

Some "code" needed here or you can't post a JSFiddle link?

Answer 1

尝试：

.navbar .navbar-default {
        background-color: #1D0657;
        border-color: none;

JSFiddle

Answer 2

来自 bootstrap CSS 文件的background-color上有border-color和.navbar-default。
您需要将它们设置为transparent。

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

<强> DEMO

Answer 3

在bootstrap.min.css文件中查找：

.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}

将其更改为：

.navbar{position:relative;min-height:50px;margin-bottom:20px;border:none}