如何在活动的Bootstrap 4 Navbar项目中添加背景颜色

Question

我正在尝试在此处为Active Bootstrap 4 Navbar项目添加背景颜色。它部分应用。如何申请全高？我使用了CSS，例如

.active {
   background:rgba(165, 168, 168, 0.329);
}

Answer 1

空间实际上是 nav 的元素填充。一种解决方案是消除顶部和底部填充。您可以通过添加" px-3 py-0 "类使用Boostrap的间距方法来执行此操作。

<nav class="navbar navbar-expand-lg navbar-dark bg-danger fixed-top px-3 py-0"></nav>

您可以将PX从1设置为5。

另外，如果您需要相同的高度，则可以为高度添加一些额外的像素：

nav {
   height: 50px;
}
nav li a {
   height: 50px;
   line-height: 35px;
}

还应增加 a 的高度，以匹配 nav 的高度。行高属性应适应文本中心。