Internet Explorer 11中的调整按钮（CSS，HTML，引导程序）

Question

我有以下用HTML和Angular编写的代码：

<form [formGroup]="form">
  <div class="modal-header">
    <span class="modal-title">...</span>
    <button type="button" class="close" aria-label="Close" (click)="dismiss()">
      <fa-icon class="option-svg" icon="times"></fa-icon>
    </button>
  </div>
  <div class="modal-body">
    <div class="row form-group mt-3">
      <div class="col-12">
        <div>
          <p>...</p>
        </div>
        <div>
          <div class="col-6 form-group">
            <select class="form-control" formControlName="selectedReason"
                    id="selectedReason" name="selectedReason">
              <option *ngFor="let option of reasons" [ngValue]="option.text">{{option.text}}</option>
            </select>
          </div>
        </div>
        <div *ngIf="isOther()">
          <div class="col-sm-6 col-lg-12">
            <input class="form-control" id="other" type="text" aria-describedby="other" formControlName="other">
          </div>
        </div>
      </div>
    </div>
    <div class="row form-group">
      <div class="col-12">
        <p class="warning-message">Wollen Sie das Image wirklich produktiv schalten?</p>
      </div>
    </div>
  </div>
  <div class="modal-footer">
    <div class="row form-group">
      <div class="col-6">
        <button type="button" class="btn btn-secondary" (click)="dismiss()">Cancel</button>
        <button type="button" class="btn btn-primary" (click)="close()" id="swapImage">Swap</button>
      </div>
    </div>
  </div>
</form>

虽然在Google Chrome浏览器上进行了测试，但效果很好，并且按钮彼此相邻。但是，在Internet Explorer上，“交换”按钮位于另一个按钮的下面。我怎样才能解决这个问题？ ：/

Answer 1

它

按预期工作