mdbootstrap-col-md-4似乎不适用于md-form

Question

以下是我的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 我知道了 注册学生