has-danger不再适用于Bootstrap v4 beta？

Question

根据Bootstrap迁移指南:

将.has-error重命名为.has-danger.

但是,这似乎不起作用.边框和文字尚未着色.

例如:

<div class="form-group has-danger">
    <label class="form-control-label" for="inputDanger1">Input with danger</label>
    <input type="text" class="form-control form-control-danger" id="inputDanger1">
    <div class="form-control-feedback">Sorry, that username's taken. Try another?</div>
    <small class="form-text text-muted">Example help text that remains unchanged.</small>
</div>

演示:

https://jsfiddle.net/uLa0spfm/

Answer 1

管理让它工作.@ZimSystem对此是正确的.

.has-danger存在于Alpha版本中,但它已在Bootstrap v4 Beta中删除.您将需要is-invalid在输入中使用选择器,还包括class="invalid-feedback"错误消息.

这是一个例子:

<div class="form-group has-danger">
    <label class="form-control-label">Username</label>
    <input type="text" class="form-control is-invalid">
    <div class="invalid-feedback">Sorry, that username's taken. Try another?</div>
</div>

Answer 2

由于Bootstrap 4仍处于测试阶段,因此许多迁移文档与实际版本不同步.验证测试版已经改变,并且has-danger不再存在.

另请参阅:无法在Bootstrap 4中进行验证