Ниже приведены мои 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 -->
Выберите пол Мужской Женский Другой Выберите Класс IA IB IC REGISTER STUDENT