使用带有导轨资产管道少Twitter的引导(Using twitter bootstrap with

2019-09-16 16:44发布

如何正确地集成Twitter的引导护栏宝石与资产管道?

我已经按照安装步骤,目前我有这个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的引导护栏与链轮的工作?

Answer 1:

想想这个 GitHub上的问题解释你的问题。 (我知道这是对青菜,但解释应该是有效的,也)

总之,采用链轮将单独编译每个文件,这意味着你不能使用由Twitter的引导框架中定义的变量和混入。 所以我想答案是否定的:)



文章来源: Using twitter bootstrap with rails assets pipeline and less