md bootstrap - col-md-4 не работает с md-формой - PullRequest
0 голосов
/ 01 апреля 2020

Ниже приведены мои html и скриншот. Я не уверен, почему это отображается так и неправильно отформатирован. Любая помощь, которую мы оценили.

<div class="m-5">
        <h3>Student Registration</h3>
        <!-- Material column sizing form -->
        <form [formGroup]="studentRegistrationForm" #registrationForm (ngSubmit)="submit()">
            <!-- Grid row -->
            <div class="form-row">
                <!-- Grid column -->
                <div class="col-md-3">
                    <!-- Material input -->
                    <div class="md-form">
                        <input mdbInput type="text" placeholder="First Name" #firstName formControlName="firstName">
                    </div>
                    <!-- <span *ngIf="firstName.invalid && (firstName.firstName || firstName.firstName)"  class="alert alert-danger">
                        First Name is required</span> -->
                </div>
                <!-- Grid column -->
                <!-- Grid column -->
                <div class="col-md-3">
                    <!-- Material input -->
                    <div class="md-form">
                        <input mdbInput type="text" placeholder="Last Name" formControlName="lastName">
                    </div>
                </div>
                <!-- Grid column -->
                <!-- Grid column -->

enter image description here Выберите пол Мужской Женский Другой Выберите Класс IA IB IC REGISTER STUDENT

...