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

Question

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

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;
}

这是我的 link 到 Bootply

Answer 1

从 .navbar.navbar-custom

中删除 /* height: 80px; */

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

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

CSS Bootstrap Background color of navbar not visible on collapsed nav

css

navbar

twitter-bootstrap