html - 在 Bootstrap 上更改导航栏的颜色
问题描述
我想将导航栏的字体颜色更改为白色,但我无法识别正确的 CSS 类来调用这样做。由于 Bootstraps 的 CSS,左上角的“导航栏”已经是白色的,但我也想将“联系人”、“投资组合”和“关于”更改为白色。
HTML
<nav class="navbar navbar-dark bg-primary">
<a class="navbar-brand" href="#">Navbar</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#"> Contact <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Portfolio</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
</li>
</ul>
CSS
.nav-item{
color:white
}
解决方案
利用:
<nav class="navbar navbar-light bg-primary">
并添加
text-white
推荐阅读
- javascript - 返回过滤器搜索结果不适用于角度
- javascript - Angular - 设置间隔在 for 循环内无法正常工作
- td-engine - 如何在 tdengine 中加入两个 stable
- python - 无法使用熊猫将大数据元组转换为数据框
- javascript - Issue with infite fetch loop using useEffect
- elasticsearch - 深入了解 Kibana 脚本字段
- redis - 如何在存储其他动态数据的同时利用 Redis 的地理空间功能
- javascript - Datamap 插件不显示地图
- javascript - Formatter AxisLabel Echarts fontWeight 不起作用
- javascript - 无法使用 nuxtjs 在生产中的异步数据中获取路由参数或查询