导航栏的 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; 替换它