指南针CSS框架 - 使用带SASS的Bootstrap

Question

我想在SASS中使用Bootstrap，但我找不到任何教程或解释如何使用带SASS的Bootstrap。我发现唯一的东西就是安装红宝石宝石：

指南针创建我的新项目-r bootstrap-sass - 使用bootstrap

在我的文件夹中创建以下树：

这对于Bootstrap是否足以使用自己的Grid，因为我没有看到bootstrap.scss文件，也没有看到任何与Grid相关的文件。但是，我在styles.css文件中找到了网格类和所有内容。是不是有一个bootstrap.scss文件，其中包含所有mixins和其他所有内容？我在哪里可以更深入地使用SASS的Bootstrap mixins，这里简要介绍一下：

http://www.hongkiat.com/blog/bootstrap-and-sass/

提前谢谢大家！我真的找不到我的问题。

Answer 1

（我在答案中使用.sass个文件，但它也适用于.scss个文件

  

是不是有一个bootstrap.scss文件，其中包含所有mixins和其他所有内容？

是的，有。这是生成的styles.sass文件：

// Import Bootstrap Compass integration
@import "bootstrap-compass"
// Import custom Bootstrap variables
@import "bootstrap-variables"
// Import Bootstrap for Sass
@import "bootstrap"

bootstap_variables引用项目树中生成的_bootstrap-variables.sass文件，而bootstrap-compass和bootstrap则从gem stylesheets目录中导入

The latter导入所有其他Bootstrap文件，包括网格：

// Core variables and mixins
@import "bootstrap/variables";
@import "bootstrap/mixins";

// Reset and dependencies
@import "bootstrap/normalize";
@import "bootstrap/print";
@import "bootstrap/glyphicons";

// Core CSS
@import "bootstrap/scaffolding";
@import "bootstrap/type";
@import "bootstrap/code";
@import "bootstrap/grid";        # <-- here it is
...