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>