导入Bootstrap LESS文件

时间:2013-06-08 20:29:41

标签: twitter-bootstrap less

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

的内容
    .my_custom_button {
    .btn();
    .btn-danger();
    .btn-small();
}

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

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

我正在将整个文件css导入到我的项目中 - 有什么方法可以避免这种情况(我是一个很少的菜鸟)或者这只是一个较少的结果?

2 个答案:

答案 0 :(得分:9)

现在提供少量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();
}

答案 1 :(得分:0)

危险的风格就是这样:

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

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