Css 少@import（reference）不起作用

我最近一直在visual studio 2013和MVC5中使用Less框架；我已尝试实现引用导入功能，具体如下：

我在less文件中有以下代码，该文件引用引导的less文件，如下所示：

@import (reference) "../bootstrap/bootstrap.less";

#content {
    > form {
        .form-horizontal;
    }
} 

从文档中，我希望将应用于

.form horizontal

的样式应用于我的

#content>表单

选择器。但是，看起来bootstrap.less中的所有样式也在导入，因为输出的样式似乎与表单元素没有任何关系，例如：

.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

此外，即使我从样式中删除了所有引导类引用，这些样式也会包含在输出中

---

这是正确的还是我导入的引导引用不正确？

这是因为在引导中广泛使用的

:extend（）

。如图所示：

reference

样式将不会显示在生成的CSS中，除非将引用样式用作混合样式或扩展样式

要消除不必要的样式，请更加具体：

@import "../bootstrap/variables.less";
@import "../bootstrap/mixins.less";
@import (reference) "../bootstrap/forms.less";

#content {
  > form {
    .form-horizontal;
  }
}

---

这是因为在引导中广泛使用了

：extend（）

。如图所示：

reference

样式将不会显示在生成的CSS中，除非将引用样式用作混合样式或扩展样式

要消除不必要的样式，请更加具体：

@import "../bootstrap/variables.less";
@import "../bootstrap/mixins.less";
@import (reference) "../bootstrap/forms.less";

#content {
  > form {
    .form-horizontal;
  }
}

---

如果我见过一个非常简洁的答案，那么就技术而言，您不需要

（参考）

和

变量。更少的
和
混合。更少的导入。这两个less文件都不会生成任何CSS代码。不正确：
mixin。将不使用
（参考）
生成less
。变量呢？少一点？是的，它是可选的。@tonystar你真的测试过这个吗？什么引导版本？当然。工作起来很有魅力。v3.3.5.如果我见过一个非常简洁的答案，那么从技术上说谢谢你，你不需要
（参考）
和
变量。更少的
和
混合。更少的
导入。这两个less文件都不会生成任何CSS代码。不正确：
mixin。将不使用
（参考）
生成less
。变量呢？少一点？是的，它是可选的。@tonystar你真的测试过这个吗？什么引导版本？当然。工作起来很有魅力。v3.3.5。