Twitter bootstrap 在Bootstrap 4中使用bg-class设置自定义导航栏背景色

根据Bootstrap 4，“导航栏现在需要某种背景声明。从我们的背景实用程序（

.bg-*

）中选择，或者使用上面的light/Reverse类设置您自己的背景声明，以便进行mad自定义。”

我试着添加类

bg导航栏

（合成）并为该类设置背景，但颜色不适用。然后我将其更改为

bg custom

，并应用了颜色

为什么

bg custom

工作，而

bg navbar

不工作？

bg custom

是官方课程吗？如果是这样，我在官方文件中找不到。我在想，它只需要从

bg-

开始就可以工作，接下来会发生什么（当然，除非您使用的是一个官方类）并不重要

这不起作用：

<nav class="navbar navbar-expand-md navbar-fixed-top navbar-dark bg-navbar">

.bg-navbar {
    background: linear-gradient(to bottom, #8259cb 0, #673ab7 100%);
}

更新：问题是编译时出现的问题。我之前设置了

bg custom

，但将SCS更改为

bg navbar

更新1: 使用

bg导航栏

，导航栏仍然可以正常工作：

演示：

---

起初的 我希望你有机会向我们展示你所做的事情和问题所在

在这里，我制作了

bg导航条

，并将其背景设置为红色，它工作了：

.bg-navbar {
    background: red;
}

演示：

没有

bg自定义
类

而且
bg-
前缀也没有什么神奇之处。添加
bg-*
有效，因为这些是
bootstrap4
中预定义的后台类：



结论
看看向我们展示您所做的事情和您的代码有多重要？
什么是
bg导航栏
？自定义类？这些是Bootstrap 4可用的
bg类
：是的，它是一个自定义类。谢谢，谢谢。我不认为使用的代码是相关的，因为唯一的区别是问题中提到的类的名称。然而，我已经添加了一些我为了澄清而修改的代码。
.bg-navbar {
    background: red;
}