为什么我的自定义引导主题颜色不能工作？

Question

我刚刚开始了一个新的RoR项目与引导5，我正在尝试设置一些自定义值的主题-颜色。然而，这样做，医生建议的方式是不起作用的。这是我的application.bootstrap.scss文件

@import "bootstrap/scss/bootstrap/functions";
@import "bootstrap/scss/bootstrap/variables";
@import "bootstrap/scss/bootstrap/maps";
@import "bootstrap/scss/bootstrap/mixins";
@import "bootstrap/scss/bootstrap/utilities";

$primary: #0d4597;
$theme-colors:map-merge($theme-colors, (
  "primary": $primary
));

@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons';

.bg-primary{background-color: var(--bs-primary);};

navbar.html.erb文件的这一部分，我试图使用自定义颜色

<nav class="navbar navbar-expand-lg bg-primary">

我做错了什么？我不明白scss文件中的变量是受到了对$主题颜色的更改的影响，还是没有受到类的影响。

我使用的是rails 7，它使用了一个新的资产管道，所以我想可能是因为这个原因。

Answer 1

需要运行yarn build:css来处理样式表。这是我使用的cssbundling rails宝石的一部分