无法使用SASS、Laravel 5和Elixir/Gulp自定义Twitter引导程序

Question

这就是我的app.scs的样子：

@import "variables";
@import "bootstrap";
@import "animate/animate";
@import "font-awesome/font-awesome";
@import "style";

这就是我的目录结构。

Resources
    └── assets
        ├── js
        └── sass
            ├── animate
            │   ├── animations
            │   │   ├── attention-seekers
            │   │   ├── zoom-enter
            │   │   └── zoom-exit
            │   └── helpers
            ├── bootstrap
            ├── _bootstrap-compass.scss
            ├── _bootstrap-mincer.scss
            ├── _bootstrap-sprockets.scss
            ├── _bootstrap.scss
            └── bootstrap
                ├── _alerts.scss
                ├── _badges.scss
                ├── _breadcrumbs.scss
                ├── _type.scss
                ├── _utilities.scss
                ├── _variables.scss
                ├── _wells.scss
                └── mixins
                    ├── _alerts.scss
                    ├── _background-variant.scss
                    ├── _text-emphasis.scss
                    ├── _text-overflow.scss
                    └── _vendor-prefixes.scss

我的问题是：如何"覆盖"引导程序，以便使用我的$brandColor示例？

Answer 1

我不知道你的引导目录结构是什么，但你可以这样做：

$icon-font-path: "packages/fonts/bootstrap/";
@import 'packages/stylesheets/bootstrap/variables';
$brandColor : red;
@import "packages/stylesheets/bootstrap";
@import "packages/stylesheets/bootstrap/theme";

当然，你应该使用正确的路径。

以防万一——这不是L5和Elixir的完整解决方案，但我在L4 中使用了这种方法

编辑

试试这个（未测试）：

@import "bootstrap/variables";
$brandColor: red;
@import "bootstrap";