我已经使用bower安装了bootflat。安装位置设置为“vendor / assets / components / Bootflat”。我还在application.scss，application.js和application.haml文件中包含了相关文件。我认为它被正确包含，因为一切都按预期工作。
我现在的问题是，如何自定义Bootflat中使用的scss变量？这是我在application.scss（app / assets / stylesheets）中的当前代码：
$alert-primary:red !important;
@import "Bootflat/bootflat/scss/bootflat";
“$ alert-primary”是一个已被Bootflat使用的变量，我想重新定义它。我将如何/在哪里重新定义这个？我得到的是我上面所做的可能不正确，因为变量是由Bootflat文件定义的，这意味着我的上面的定义被覆盖了。但我也不想更改原始文件中的scss代码？什么是最好的解决方案？是否将特定组件的代码复制并粘贴到我的应用程序样式表中，然后在导入bootflat后重新定义组件（这应该用Bootflat覆盖原始定义）？