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

【问题标题】：CSS Bootstrap Background color of navbar not visible on collapsed navCSS Bootstrap 导航栏的背景颜色在折叠的导航中不可见
【发布时间】：2015-07-27 22:21:45
【问题描述】：

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

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的链接

【问题讨论】：

标签： css twitter-bootstrap navbar

【解决方案1】：

从.navbar.navbar-custom 中删除/* height: 80px; */

可能用min-height:80px;替换它

【讨论】：

为什么？我希望我的导航栏高度为 80 像素
不，您希望导航栏的最小高度为 80 像素