Bootstrap input error

0

Jak zrobić tego typu pole w Bootstrapie 4 ? Próbowałem z <div class="form-group has-danger"> i <div class="form-group has-error"> i niestety nie działa. Działa w poprzednich wersjach, ale mi chodzi konkretnie o 4.0.0.

title

0

Okej, to jest z dokumentacji:

  <div class="col-md-6 mb-3">
      <label for="validationServer03">City</label>
      <input type="text" class="form-control is-invalid" id="validationServer03" placeholder="City" required>
      <div class="invalid-feedback">
        Please provide a valid city.
      </div>
    </div>

I jak wklejam to do: https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_alerts_link&stacked=h

to nie działa.

0

Co to znaczy nie działa?

0

Że jak to wrzucę do swojego dokumentu, to nie wyświetla się tak jak powinno. Wyświetla bez kolorów.
To jest kod CSS z dokumentacji tego co wstawiłem w pierwszym poście:

<div class="form-group row has-danger">
      <label for="inputHorizontalDnger" class="col-sm-2 col-form-label">Email</label>
      <div class="col-sm-10">
        <input type="email" class="form-control form-control-danger" id="inputHorizontalDnger" placeholder="[email protected]">
        <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>

A tutaj edytor CSS online, można sobie wkleić i sprawdzić, że nie działa.

https://www.w3schools.com/bootstrap4/tryit.asp?filename=trybs_gs_container&stacked=h

1 użytkowników online, w tym zalogowanych: 0, gości: 1