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

Question

按照Bootstrap migration guide：

改名。先后-错误。先后-危险。

但是，这似乎并不奏效。边框和文字尚未着色。

例如：

<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

作为在引导4仍处于测试阶段，大部分迁移文档是not in sync与实际的排放量。 Validation has changed in beta和has-danger不再存在。

另见：Can't make the validation work in Bootstrap 4

Answer 2

这样看来，在测试版本不具备.has-*类。 作为变通，使用Alpha-6版本

https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css

新的CDN更新小提琴。

https://jsfiddle.net/uLa0spfm/1/

Answer 3

设法得到它的工作。 @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>