Bootstrap LESS变量是否代表SCSS变量？

Question

我为我的项目使用Bootstrap 3.3.6。

我曾经通过导入主bootstrap.less文件然后更改此处列出的Bootstrap LESS变量来编写自定义样式：

http://getbootstrap.com/customize/#less-variables。

工作正常。

现在我想尝试SASS版本的Bootstrap。

我已经设置了环境，用SCSS文件替换了原始的Bootstrap LESS文件并编译了样式表。到目前为止看起来不错。然后我试着改变一些变量，例如：

$navbar-height: 60px;
$navbar-default-bg: #333333;

他们的名字与LESS版本相同。它编译时没有错误，但新样式没有任何影响。

任何想法我做错了什么？

Answer 1

对于那些可能正在寻找答案的人来说，我们需要在文件的最末端（在自定义值之后）导入原始的Bootstrap文件才能使它们生效。这似乎是由原始值设置为！默认为sass。

// Import custom styles

@import "colors";
@import "navbar";

// Import original styles

@import "../bootstrap/sass/bootstrap";

并且，是的，官方网站上列出的Bootstrap LESS值名称也代表SCSS值。