Question

这是一个让我开始的快速问题。我正在研究节点应用程序并计划使用scss进行样式化。所以我的问题是，如果我在index.html中包含cdn的bootstrap css文件，我无法覆盖变量。

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">

例如

a:hover, a:focus {
  padding-bottom: 5px;
  text-decoration: none;
  border-bottom: 1px solid $link-hover-color;
}

变量$link-hover-color给出错误＆＃34;找不到变量＆＃34; link-hover-color＆＃34;

我是否需要手动将bootstrap sass包含在我的项目中而不是使用cdn？因为grunt不允许因为link-hover-color变量

上的错误而启动应用程序

Answer 1

你提到了咕噜声，所以我假设你正在使用咕噜声＆＃34;编译＆＃34;你的scss to css。

据我所知，如果没有来自bootstrap的来源，grunt将无法知道如何使用$ link-hover-color。

您可以在项目中添加bootstrap以编译并使用cdn然后在您的html文件中。

这应该有效，因为当html被传递到浏览器时，css已经被编译了。不过我不太确定。我会尝试一下