如何更改 ASP.NET Core Web App 导航栏背景颜色答案

【问题标题】：How To Change ASP.NET Core Web App Navbar Background Color如何更改 ASP.NET Core Web App 导航栏背景颜色
【发布时间】：2020-09-03 21:22:21
【问题描述】：

我正在尝试编辑我的 dotnet core razor 页面 Web 应用程序导航栏的背景颜色。原来，是：

<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3">

我尝试在bootstrap.css 中创建bg-blue 并将上面的bg-white 更改为bg-blue，但它不起作用。我做错了什么？谢谢你帮助我！

【问题讨论】：

【解决方案1】：

删除"bg-white"并添加style="background-color: blue"

所以您的"<nav>" 元素如下所示

<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light border-bottom box-shadow mb-3" style="background-color: blue">

【讨论】：

【解决方案2】：

为任何类型的框、文本、页眉、页脚等设置样式如果引导类不起作用，则需要使用style 属性。你可以实现如下：

<nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3" style="background-color: green">

【讨论】：

【解决方案3】：

我正在使用带有 .net Core 5 的 ASP.net Core。在它会显示的渲染方法中转到名为 NavMenu.js 的文件：

<header>
 <Navbar classname="..." light>

删除 light 属性，它将使用您的 css 值。

固定它是：

<header>
 <Navbar classname="...">

【讨论】：

【解决方案4】：

我注意到有时引导类对我不起作用，所以我建议尝试使用普通的 css 来为导航栏的背景着色。

style="background-color: blue"

尝试将以上内容作为参数添加到导航元素中

【讨论】：