CSS Bootstrap导航栏的背景颜色在折叠导航栏中不可见

Question

我将导航栏的高度设置为80px。但是当我缩小窗口时，导航链接的背景不可见。我想我忘了在任何地方设置保证金，但我无法想象在哪里。有人可以帮忙吗？

navbar.navbar-custom {
  background-color: #b80000;
  border-radius: 0;
  border: 0;
  height: 80px;
  margin-bottom: 0;
  z-index: 1001;
}
.navbar-custom .nav li a {
  padding: 15px 10px;
}
.navbar-custom .nav li a:hover {
  background-color: #b80000;
}
.navbar-custom .navbar-header .navbar-brand {
  padding: 5px 15px;
}
.navbar-custom .navbar-header .navbar-brand img {
  height: 70px;
  width: auto;
}
.navbar-custom .navbar-header .navbar-toggle {
  border: 1px solid #fff;
  margin-top: 25px;
}
.navbar-custom .navbar-header .navbar-toggle .icon-bar {
  border: 1px solid #fff;
}

以下是Bootply

的链接

Answer 1

从/* height: 80px; */

中删除.navbar.navbar-custom

可能会将其替换为min-height:80px;