Html 引导导航栏中的白线

我在bootstrap中制作了一个导航条，它反应灵敏。但当我在手机上按下“切换”按钮时，会有一条我无法摆脱的白线，它位于顶部和菜单之间（当你切换它时）。我刚开始引导

正文{
保证金：0；
填充：0；
}
@字体{
字体系列：“Nexa Light”；
src:url（'../font/Nexa%20Light.otf'）；
}
.navbar默认值{
背景色：黑色；
填充：0；
保证金：0；
边界半径：0；
边界：无；
字号：17px；
}
.navbar默认值.navbar品牌，
.navbar默认值。navbar品牌：悬停，
.navbar默认值。navbar品牌：焦点{
颜色：#FFF；
}
.navbar默认值.navbar nav>li>a{
颜色：#FFF；
}
.navbar默认值.navbar nav>li>a:悬停，
.navbar默认值。navbar导航>li>a:焦点{
背景色：rgb（44,44,45）；
颜色：#dedede；
}
.navbar默认值.navbar nav>.active>a，
.navbar默认值.navbar nav>.active>a:悬停，
.navbar默认值.navbar nav>.active>a:焦点{
颜色：#FFF；
背景色：rgb（44,44,45）；
}
.navbar默认值.navbar文本{
颜色：#FFF；
}
.navbar默认值.navbar切换{
边框颜色：rgb（44,44,45）；
}
.navbar默认值.navbar切换：悬停，
.navbar默认值。navbar切换：焦点{
背景色：rgb（44,44,45）；
}
.navbar默认值.navbar切换.图标栏{
背景色：#FFF；
}
.col-md-12{
高度：500px；
填充：20px；
}

电话全宽，桌面1/2宽电话全宽，桌面1/2宽
电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽
电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽
电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽
电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽
电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽电话全宽，桌面1/2宽
手机全宽，桌面1/2宽
手机全宽，桌面1/2宽

如果我理解：

.navbar collapse

此引导类添加1px边框

.navbar default.navbar collapse

此引导类将颜色#e7e7e7添加到边框

---

您可以使用自定义CSS覆盖此行。

添加以下样式。它将同时删除边框颜色和框阴影：

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: transparent;
    box-shadow: none;
}

---

尝试使用此代码。它将删除不需要的线路

.navbar.navbar-default .navbar-collapse {border: none; box-shadow: none;} 

---

杰弗里德尔在哪里？我不知道？它只是工作没有问题。正如我所说，我只是个初学者