使用bootstrap gem时，包括特定的Bootstrap less文件

Question

我正在使用：

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

我想根据bootstraps现有的alert-warning制作自定义CSS警报类。

深入研究bootstrap的警报。我看到警报是通过以下方式定义的：

.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。

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

Answer 1

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

  

请参阅less-rails-bootstrap-test回购中的示例   使用LESS自定义CSS输出。 ＆＃34; CSS测试套件＆＃34;部分   README和代码是你想要关注的。另外，退房   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);
}