Bootstrap LESS 变量是否也代表 SCSS 变量？ [复制]答案

【问题标题】：Do Bootstrap LESS variables stand for SCSS variables as well? [duplicate]Bootstrap LESS 变量是否也代表 SCSS 变量？ [复制]
【发布时间】：2016-05-16 12:02:08
【问题描述】：

我的项目使用 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 版本中的名称相同。它编译没有错误，但是新样式没有任何效果。

任何想法我做错了什么？

【问题讨论】：

标签： html css twitter-bootstrap sass less

【解决方案1】：

对于那些可能正在寻找答案的人，原来我们需要在文件的最后（在自定义值之后）导入原始 Bootstrap 文件以使其生效。这似乎是由于将原始值设置为 !default 与 sass 造成的。

// Import custom styles

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

// Import original styles

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

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

【讨论】：