4

如何将twitter-bootstrap-rails gem 与资产管道正确集成？

我已经按照安装步骤进行操作，目前我有这个 application.css

 *= require_self
 *= require bootstrap_and_overrides

然后在 bootstrap_and_overrides.css.less 我导入其他控制器样式表，以使它们与我在覆盖文件中定义的变量一起工作，并能够在<controller-name>.css.less文件中控制器特定样式表中使用引导混合。目前我正在这样做：

# in bootstrap_and_overrides.css.less
// generated code ...
// Your custom LESS stylesheets goes here
//
// Since bootstrap was imported above you have access to its mixins which
// you may use and inherit here
//
// If you'd like to override bootstrap's own variables, you can do so here as well
// See http://twitter.github.com/bootstrap/less.html for their names and documentation
//
// Example:
// @linkColor: #ff0000;
@linkColor: #ff0000;

// import all other stylesheets
@import 'home.css.less';
@import 'users.css.less';
// and so on, once for every controller

// in home.css.less
#foobar {
    .border-radius(30px); // bootstrap mixin
    color: @linkColor;    // inherited variable 
}

但是，通过这种方式，我失去了资产管道，并且在开发模式下我再也看不到单独的样式表了。有什么方法可以让 twitter-bootstrap-rails 与 sprockets 一起工作？

4

1 回答 1

5

认为github 上的这个问题解释了你的问题。（我知道这是为了sass，但无论如何解释应该是有效的）

简而言之，使用 sprocket 将单独编译每个文件，这意味着您不能使用 twitter 引导框架定义的变量和 mixin。所以我想答案是否定的:)

于 2012-04-23T14:50:33.260 回答