Compass CSS 框架 - 使用 Bootstrap 和 SASS

Question

我想将 Bootstrap 与 SASS 一起使用，但我找不到任何教程或说明如何将 Bootstrap 与 SASS 一起使用。我唯一找到的是通过 ruby gem:

安装

compass create my-new-project -r bootstrap-sass --using bootstrap

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

这足以让 Bootstrap 使用自己的网格吗，因为我没有看到 bootstrap.scss 文件，也没有看到任何与网格相关的文件。但是，我发现网格类和所有内容都在 styles.css 文件中。难道没有一个 bootstrap.scss 文件包含所有 mixin 和其他所有内容吗？我在哪里可以找到 SASS 的 Bootstrap mixin 的更广泛的使用，这里有简要的描述：

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

提前谢谢大家！我真的找不到任何关于我的问题。

Answer 1

（我在回答中使用了 .sass 个文件，但它也应该适用于 .scss 个文件）

Isn't there a bootstrap.scss file that has all the mixins and everything else?

是的，有。这是生成的 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 file in your project tree, whereas bootstrap-compass and bootstrap are imported from the gem's 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
...

Compass CSS 框架 - 使用 Bootstrap 和 SASS

Compass CSS framework - using Bootstrap with SASS

ruby

sass

twitter-bootstrap

compass