Navbar中的活动链接背景直到按钮才会显示

Question

我正在尝试使用Bootstrap创建一个导航栏，但在活动链接中，backgorund不会直到botton。我可以在哪里改变这个？她在图像中链接HOME。活动背景（黑色）不会覆盖导航栏中的所有灰色背景

这是我的代码：

.navbar-inverse {
  background-color: #DEDEDE;
  border-color: #5CAD00;
}

.navbar-inverse .navbar-brand {
  color: #214013;
}

Answer 1

您必须覆盖导航栏链接的CSS。使用此代码。它可能会根据您使用的引导程序版本而有所不同。

.navbar-inverse .active>a,
.navbar-inverse .active>a:hover,
.navbar-inverse .active>a:focus {
  background-color: #DEDEDE  !important; 
}

如果它不起作用，请将重要信息放在css上。