Question

将.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对此是正确的。

Alpha版本中存在

.has-danger，但在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仍处于测试阶段，因此大部分迁移文档都是QProcess: Make it possible to set native process creating flags的实际版本。 not in sync，has-danger已不复存在。

另见：Validation has changed in beta

Answer 3

似乎 beta 版本没有.has-*类。作为解决方法，使用alpha-6版本

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

更新了新CDN。

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

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

3 个答案: