Twitter bootstrap 3 使用引导的所有属性'；输入错误

我希望我的输入与引导的错误样式相同。这个类应该从引导扩展到什么来实现这一点？包括：focus的样式，它是红色辉光而不是默认的蓝色辉光

.ng-invalid.ng-touched.ng-dirty:not(form) {
    // extend bootstrap style?
}

我使用了

.has error

，只有在类的树的更上层有一个元素时，这才有效。has error对我来说没有意义。所以这是可行的：

.ng-invalid.ng-touched.ng-dirty:not(form) {
    @extend .has-error;
}

HTML

<div class="form-group has-error">
    ..
    <input type="text" class="form-control" required> 
</div>

..

---

我怎样才能让它工作，只需将.has error应用于输入，而不加上上层元素。

实际上，您不能。此类不仅用于输入，也用于标签。这就是为什么

与
一起使用时出现错误
。表单组

和你一样

您只需创建新类并将样式直接添加到输入：

.some-class:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #ce8483;
}
.some-class {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

---

BootstrapBotstrap sass 3.3.7的哪个版本