css - 如何为事件的 Bootstrap 4 导航栏元素添加背景颜色

Question

我正在尝试为事件的 bootstrap 4 导航栏元素添加背景颜色 here .它部分适用。如何申请到全高？我使用了 css，比如，

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

Answer 1

空格实际上是nav 的元素填充。一种解决方案是消除顶部和底部填充。您可以使用 Boostrap's spacing 执行此操作方法是将“px-3 py-0”类添加到 nav 元素。

<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 的高度。 line-height 属性应调整为使文本居中。