Html 去除导航栏上方的细分隔线，Bootstrap3

我正在为我的网站使用Bootstrap3。我在页面上有通常的

.navbar

，它工作得很好，除了一件我不喜欢的东西。当屏幕缩小到汉堡包菜单时，

.navbar折叠

和

.navbar标题

之间有一条小小的分界线。我在图片中加粗了

HTML

---

我怎样才能避免这种情况？我尝试在

.navbar collapse

和

.navbar header

上使用

border:none

，但没有效果。

您可以使用以下CSS代码片段：

@media (max-width: 768px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0;
    }
}

---

您可以使用以下CSS代码段：

@media (max-width: 768px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: 0;
    }
}

---

将.navbar default或.navbar inverse设置为0应该可以做到这一点

.navbar-default {
   border: 0;
}

---

将.navbar default或.navbar inverse设置为0应该可以做到这一点

.navbar-default {
   border: 0;
}

---

实际上，“边框”是由

框阴影造成的，因此添加以下内容：

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

实际上，“边框”是由
框阴影造成的，因此添加以下内容：

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

你能发布你的代码吗？你能发布你的代码吗？