2

これは私のapp.scssがどのように見えるかです:

@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が使用されるように Bootstrap を「オーバーライド」するにはどうすればよいですか?

4

1 に答える 1

3

あなたのブートストラップディレクトリ構造はわかりませんが、次のようなことができます:

$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";
于 2015-02-19T23:03:59.030 に答える