使用 bootstrap gem 时包含特定的 Bootstrap 少文件

Question

我正在使用：

gem 'less-rails'
gem 'less-rails-bootstrap', '~> 3.3'

我想基于引导现有的警报警告制作自定义 CSS 警报类。

深入了解引导程序的alerts.less，我看到警报是通过以下方式定义的：

.alert-warning {
  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
}

所以理想情况下，我想做这样的事情：

.my-warning {
  .alert-variant(red; @alert-warning-border; @alert-warning-text);
}

但是，我需要通过 @include 引入 alerts.less 和 variables.less。

如果我正在使用 gem，我该怎么做？

Answer 1

在https://github.com/metaskills/less-rails-bootstrap你可以阅读：

请参阅less-rails-bootstrap-test repo 获取示例 使用 LESS 自定义 CSS 输出。 “CSS 测试套件”部分 自述文件和代码的内容是您要关注的内容。另外，看看 LESS syntax。

然后你会发现：https://github.com/metaskills/less-rails-bootstrap-test#basic-less-bootstrap。所以在你的情况下：

/*
 *= require basic_less/index
*/


@import "twitter/bootstrap";

.my-warning {
  .alert-variant(red; @alert-warning-border; @alert-warning-text);
}