Сообщение и значки валидатора находятся в центре элемента ввода в Angular Mdb - PullRequest
Новая
       6

Сообщение и значки валидатора находятся в центре элемента ввода в Angular Mdb

0 голосов
/ 01 мая 2018

Я не могу понять, почему мое сообщение валидатора и значки находятся не в том месте. Подскажите, пожалуйста, что я делаю не так? Пожалуйста, смотрите мой код ниже: 

<div class="row"></div>
<div class="mask rgba-black-light flex-center">
  <div class="container text-center white-text">
    <div class="card" style="background-color: transparent; ">
      <div class="card-body">
        <!--Title-->
        <h4 class="card-title">Register</h4>
        <!--Text-->

        <div class="row">
          <div class="col-md-3">.col-md-3</div>
          <div class="col-md-6">

            <div class="col-md-12">

              <div class="card">


                <!--Card content-->
                <div class="card-body">

                  <!-- Subscription form -->
                  <form [formGroup]="subscriptionForm">


                    <div class="md-form">
                      <i class="fa fa-user prefix grey-text"></i>
                      <input type="text" formControlName="subscriptionFormName" id="subscriptionFormName" class="form-control" mdbInputDirective>
                      <label for="subscriptionFormName">Your name</label>
                    </div>

                    <div class="md-form">
                      <i class="fa fa-envelope prefix grey-text"></i>
                      <input type="email" id="subscriptionFormEmail" formControlName="subscriptionFormEmail" class="form-control" mdbInputDirective>
                      <label for="subscriptionFormEmail">Your email</label>
                    </div>

                    <div class="text-center">
                      <button class="btn btn-indigo waves-light" mdbWavesEffect>Send
                        <i class="fa fa-paper-plane-o ml-1"></i>
                      </button>
                    </div>
                  </form>
                  <!-- Subscription form -->



                </div>

              </div>


            </div>






          </div>
          <div class="col-md-3">.col-md-3</div>
        </div>

      </div>
    </div>
    <!--card-->
  </div>
  <!--container-->
</div>

Ниже показано, как это выглядит при рендеринге. enter image description here

Как видите, сообщение об ошибке не на своем месте, а также значки. Ваша помощь всегда ценится.

...