css - 如何为活动的引导程序 4 导航栏项目添加背景颜色
问题描述
我正在尝试在此处为活动的 bootstrap 4 导航栏项目添加背景颜色。它部分应用。如何申请全高?我用过css,
.active {
background:rgba(165, 168, 168, 0.329);
}
解决方案
该空间实际上是nav的元素填充。一种解决方案是消除顶部和底部填充。您可以通过将“ px-3 py-0 ”类添加到nav元素来使用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的高度。line-height属性应调整为使文本居中。
推荐阅读
- python - Python:TypeError:字符串索引必须是整数
- html - 在 HTML/CSS 中使用多个 ID 为元素着色
- angular - 在呈现 App 之前设置服务变量
- python - Z3 giving unsat result for equation Solving
- c# - 带有 C# MongoDB 驱动程序的 .NET Premitive Types
- java - 如果使用 gwt-chosen-3.0.1,GWT 编译不起作用
- excel - 如何在电子邮件中包含签名?
- c# - 从 WeakDictionary 获取值时,ItemPeersStorage 如何抛出异常?
- css - jQuery.eCalendar() - 日历高度
- java - 如何读取空字符串以创建输出