Если вы собираетесь понизить «работу вокруг» - хотя бы объясните, почему.

сноРуководство по начальной загрузке:

Переименовано .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/

Ответы на вопрос(3)

Решение Вопроса

большая часть документации по миграциине синхронизировано с актуальными релизами.Проверка достоверности изменилась в бета-версии, а такжеhas-danger более не существует.

Также см:Не удается выполнить проверку в Bootstrap 4

.has-danger существует в альфа-версии, но она была удалена в бета-версии Bootstrap v4. Вам нужно будет использовать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>
 Binar Web14 мар. 2019 г., 13:14
Вы можете удалитьhas-danger класс отform-group, это бесполезно

бета версия не имеет.has-* классы. В качестве обходного пути используйте версию альфа-6

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

Обновлена ​​скрипка с новым CDN.

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

 Ashley Brown12 сент. 2017 г., 16:56
Если вы собираетесь понизить «работу вокруг» - хотя бы объясните, почему.

Ваш ответ на вопрос