Twitter bootstrap 如何集成sass和bootstrap？

我安装了laravel，但我不知道如何使用sass和引导

我们在resources文件夹“/resources/sass/app.scss”中获得以下内容：

@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");

@import "variables";

@import "node_modules/bootstrap-sass/assets/stylesheet/bootstrap"

public/css/app.css具有引导样式

在欢迎视图中，我可以使用引导类。但是现在如何将sass与引导一起使用呢？例如，如果我想定义一些变量，如：

$background-white #fff;
$background-red: red;

将这些变量应用于引导html，我应该在_variable.scss中定义这些变量？然后在app.css中使用我需要更改的变量？我试图这样做，但颜色不适用。例如，在app.css中，我将以下内容放在引导程序主体中：

  body{
font-family:"Helvetica Neue",
Helvetica,Arial,
sans-serif;
font-size:14px;
line-height:1.42857143;
color:#333;
background-color:#fff}

如果我改为：

body{
font-family:"Helvetica Neue",
Helvetica,Arial,
sans-serif;
font-size:14px;
line-height:1.42857143;
color:#333;
background-color:$background-red}

---

它不工作，背景不会变为红色。你能帮我理解这是怎么回事吗？谢谢

您需要阅读Laravel mix

您需要从安装npm包开始。在命令行中运行

npm install

。编辑_variable.scss文件。然后运行

npm-run-dev

来构建新的

public/css/app.css

，它将进行更改

在刀片文件中，使用

mix（）

helper链接到app.css

`<link href="{{ mix('css/app.css') }}" rel="stylesheet">`

``

---

确保安装了npm。如果您在mac电脑上使用自制软件，请运行

brew安装npm

您需要阅读Laravel mix

您需要从安装npm包开始。在命令行中运行

npm install

。编辑_variable.scss文件。然后运行

npm-run-dev

来构建新的

public/css/app.css

，它将进行更改

在刀片文件中，使用

mix（）

helper链接到app.css

`<link href="{{ mix('css/app.css') }}" rel="stylesheet">`

``

确保安装了npm。如果您在mac电脑上使用自制的run

brew install npm

您需要在laravel安装的根目录下运行“npm install”，然后调用gulp更新js和css文件。您需要在laravel安装的根目录下运行“npm install”，然后调用gulp更新js和css文件。