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

2019年8月6日 203次阅读

我将导航栏的高度设置为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的链接

最佳答案 删除/ *高度：80px; * /来自.navbar.navbar-custom

可能用最小高度替换它：80px;

点赞