Question

我在定制bootstrap 3 sass时遇到问题。 _variables.scss是我的问题。我的设置是：

- scss
  -- bootstrap
  -- template
     bootstrap.scss
     template.scss

Bootstrap.scss将创建默认的bootstap。 Template.scss创建我需要的模板。问题是bootstrap文件夹中的_variables.scss。当我在template / _variables.scss中设置$ font-size-base时，它被bootstrap / _variables中的_variables.scss覆盖。

template.scss中有这个：

import "template/my_variables.scss"
import "_bootstrap.scss" 
// to import bootstrap but I want to keep bootstrap separated from the template
... all other partials for this template

我可以通过删除bootstrap中的_variables.scss来解决这个问题。但我不认为这样做是个好主意。如果可能的话，我不想触摸引导程序。 （不要破解核心！）

我也可以通过在template.scss中使bootstrap.scss成为部分来解决这个问题。这是最好的解决方案，但对于这个模板，我需要一个bootstrap.min.css和template.css。

自定义引导程序的最佳方法是什么？

Answer 1

如何创建仅包含导入的.scss文件。你可以称之为style.scss。您只需要在此文件中编写import语句。例如：

@import "bootstrap/bootstrap";
@import "font-awesome/font-awesome";

@import "myVariables";
@import "myMixins";
@import "myTemplate"

@import "navbar";
@import "header";
@import "footer";

编写import语句的顺序决定了被覆盖的内容。如果在myVariables中设置变量并在Bootstrap下导入myVariables，如示例所示，那么您的变量将覆盖Bootstrap变量。您还必须将此文件（style.scss）编译为css。

自定义bootstrap 3 sass

1 个答案: