Rails 3：无需导入即可访问 twitter bootstrap 变量 + mixins

我是第一次使用 Rails 3（尤其是 asset pipeline 和 less-rails-bootstrap），所以我可能会在这里遗漏一些非常基本的概念。我尝试了两种将 Twitter bootstrap CSS 包含到我的项目中的方法，但都存在问题。

方法#1： app/assets/stylesheets/application.css has require twitter/bootstrap。这包括使用单独的 link/href 标签的 bootstrap css 文件，这很好。但是，那problem是在我的自定义 CSS 文件中吗？app/stylesheets/mystyles.css我无法访问引导代码中 less 定义的变量+混合，例如@gray, .box-shadow, etc.

方法#2： Put @import 'twitter/bootstrap'在顶端app/assets/stylesheets/mystyles.css。这允许我访问 less 中定义的变量+mixins（在引导代码中），这很好。但是，那problem是它在顶部拉入整个引导 CSSmystyles.css增加文件大小。如果有一堆不同的样式表@import twitter/ bootstrap这会导致大量重复。

处理这种情况的推荐方法是什么？

如果您想专门使用默认的 twitter 引导变量，您的答案就足够了。如果您发现自己想要覆盖变量并将它们应用于 twitter bootstrap 的样式和您自己的样式，则需要将变量分离到其自己的 myvariables.less 文件中，并将该文件包含在 twitter bootstrap 中，而不是包含在 twitter bootstrap 中在清单中。

Example

应用程序.css：

/*
 * Notice we aren't including twitter/bootstrap/bootstrap in here
 *= require bootstrap_and_overrides
 *= require mystyles
 */

bootstrap_and_overrides.less：

# Bootstrap with both bootstrap's variables, and your own
@import "twitter/bootstrap/bootstrap";
@import "myvariables";

mystyles.less：

# Your styles with both bootstrap's variables, and your own
@import "myvariables";
h1 {
  // Use 
  color: @textColor;
}

myvariables.less：

@import "twitter/bootstrap/variables";
@textColor: green;