bootstrap-4 - 背景和文本颜色导航栏 Blazor
问题描述
我想在 Blazor 中更改导航栏的背景颜色,但找不到方法。我想这不可能那么困难。谁能告诉我?
<div class="top-row pl-4 navbar navbar-dark bg-primary ">
<a class="navbar-brand bg-primary" href="">Test</a>
<button class="navbar-toggler bg-primary" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon bg-primary"></span>
</button>
</div>
<div class="@NavMenuCssClass" @onclick="ToggleNavMenu">
<ul class="nav flex-column">
<li class="nav-item px-3 bg-primary">
<NavLink class="nav-link" href="" Match="NavLinkMatch.All">
<span class="oi oi-home" aria-hidden="true"></span> Home
</NavLink>
</li>
<li class="nav-item px-3 bg-primary oi-resize-height">
<NavLink class="nav-link" href="hd">
<span class="oi oi-list-rich" aria-hidden="true"></span> hd
</NavLink>
</li>
</ul>
</div>
解决方案
在“MainLayout.razor”中
<div style="background-image:none;background-color:cadetblue;" class="sidebar">
<NavMenu />
</div>
推荐阅读
- apache-kafka - 启用 kafka 源连接器幂等性
- vim - vim中的环绕标签
- .net-core - 在 Azure 日志流中配置应用程序日志的布局
- amazon-web-services - 当我尝试向网关添加新路由时,AWS 云形成总是失败
- python - 似乎无法弄清楚我的 python 代码有什么问题
- php - 如何修复尝试访问空类型值的数组偏移量错误
- ios - 如何在 AudioKit 5 中淡出和停止 AudioPlayer 而不是仅仅停止它
- javascript - 如何获取我的javascript时钟的真实服务器时间而不是本地电脑时间?
- bluetooth - BLE文件传输
- amazon-web-services - ALB 将 target_status_code 提供为 -(连字符)