De acuerdo a la Bootstrap guía de migración de:

Cambiado de nombre .ha-error .ha-de peligro.

Sin embargo, que no parece funcionar. De la frontera y el texto no ha sido de color.

Por ejemplo:

<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>

Demo:

https://jsfiddle.net/uLa0spfm/

OriginalEl autor I’ll-Be-Back | 2017-09-12

3 Comentarios

  1. 18

    Las arregló para conseguir que funcione. @ZimSystem está en lo correcto acerca de esto.

    .has-danger existen en versión Alpha, pero fue eliminado en Bootstrap v4 Beta. Usted tendrá que utilizar is-invalid selector en la entrada y también incluyen class="invalid-feedback" para el mensaje de error.

    Aquí está el ejemplo:

    <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>
    usted puede quitar la has-danger clase de form-group. es inútil

    OriginalEl autor I’ll-Be-Back

Dejar respuesta

Please enter your comment!
Please enter your name here