自定义变量未编译

Question

我正在Symfony上做一个简单的项目，我使用webpack添加bootstrap，我试图添加一些自定义变量，但当我做yarn build

时它不编译如何将自定义变量编译到构建文件夹?

我app.scss

$nav: #F4F4F4;
$footer: #F76C6C;
@import "~bootstrap/scss/bootstrap";

我想改变我的导航颜色但是当我输入我的变量名时它不会显示自定义而是显示默认的，比如primary

导航条

<nav class="navbar navbar-light bg-footer">
<div class="container-fluid">
<a class="navbar-brand" href="/">
<img src="{{ asset('build/images/logo-wild.png') }}" alt="" width="70" height="24" class="d-inline-block align-text-top">
Les Argonautes
</a>
</div>
</nav>

Answer 1

变量$nav和$footer在bootstrap中不存在，所以定义它们不会做任何事情。要更改导航条的颜色，请查看文档中的这些部分:

• https://getbootstrap.com/docs/5.0/components/navbar/配色方案
<
• https://getbootstrap.com/docs/5.0/components/navbar/变量/gh>