Bootstrap 的控制标签无法识别 LESS答案

【问题标题】：Bootstrap's control-label not recognised LESSBootstrap 的控制标签无法识别 LESS
【发布时间】：2014-10-12 15:05:32
【问题描述】：

我在一个项目中使用 Twitter 的引导程序 LESS，我正在尝试设置一个表单，但我似乎无法在我的标签上使用 .control-label;。这是我的代码：

label { .control-label; }

我在某处读过我应该使用命名空间.form-horizontal > .control-label; 但这似乎不起作用。我做错了吗？

【问题讨论】：

你所拥有的应该可以工作。你确定你已经包含了.control-label 定义的文件吗？我相信这是forms.less。你是如何编译你的LESS的？
我已包含 bootstrap.less 该文件包含 forms.less，但要确保我已包含所有 forms.less。可悲的是，这没有用:(
哦，LESS 是由一个名为 webessentials 的 VS2013 插件编译的。
正如@seven-phases-max 在下面指出的，您的问题与范围有关。 .control-label 在 forms.less 文件的 .form-inline 内定义。尝试在.form-inline 定义之外调用/使用.control-label 将不起作用，因为它只存在于.form-inline 内部。

【解决方案1】：

.control-label:extend(.label) {
  additional props
}

【讨论】：

希望这就是你要找的:)
那不行，label 应该获得与 .control-label 类相同的属性。
啊，好吧，等一下，只需要检查一下。我习惯了撒娇
@Axel OP 应该能够将 CSS 类用作 Mixin，正如他们在问题中发布的那样。我认为 OP 的设置存在问题。
@hungerstar 仅当该类实际定义在您尝试调用它时可见的范围内时。 .control-label is not 实际上，所以 OP 的结果是意料之中的。另见非常相似的stackoverflow.com/questions/24240134。