Bootstrap 4 背景和文本颜色导航栏Blazor
我想在Blazor中更改导航栏的背景色,但我找不到方法。我想不会那么难吧。有人能告诉我吗Bootstrap 4 背景和文本颜色导航栏Blazor,bootstrap-4,navbar,background-color,blazor,Bootstrap 4,Navbar,Background Color,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"
<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>
-
家
-
高清
此回答导航栏blazer按钮,删除bg主按钮并添加bg次按钮引导类正在使用更改按钮颜色
<button class="navbar-toggler bg-secondary" @onclick="ToggleNavMenu">
<span class="navbar-toggler-icon "></span>
</button>
// or try this css
.navbar-toggler{
background:coral !important;
}
//或者试试这个css
.导航杆切换器{
背景:珊瑚!重要;
}
在“MainLayout.razor”中
迟交的答案我正在查看第一篇帖子。 在客户端的app.css中更改边栏类:
.sidebar {
background-color: orange;
}
答案可能在bootstrap 4文档中: