twitter-bootstrap - 导入 Bootstrap LESS 文件

Question

所以我试图将 bootstrap button.less 文件导入到我自己的项目中。但是在这种情况下，我只希望包含危险按钮 css 内容和核心按钮类。

类似的东西

    .my_custom_button {
    .btn();
    .btn-danger();
    .btn-small();
}

但我并不特别需要所有其他的东西。例如警告颜色类等。目前使用：

    @import "mixins.less";
    @import "variables.less";
    @import "buttons.less";

我正在将整个文件 css 导入到我的项目中 - 有什么办法可以避免这种情况（我是一个 LESS 菜鸟）还是这只是更少的结果？

Answer 1

现在在 LESS 1.5 中可用

从 LESS 1.5 开始，您可以将导入作为参考（因此您可以使用 mixins 而无需编译所有代码）。像这样：

@import (reference) "mixins.less";
@import (reference) "variables.less";
@import (reference) "buttons.less";

.my_custom_button {
  .btn();
  .btn-danger();
  .btn-small();
}

Answer 2

危险的风格就是这样：

.btn-danger {
  .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
}

因此，简而言之，您不需要该buttons.less文件。