这是 addteacher.component.html 文件，我在我的角度应用程序中使用bootstrap 4 ，我想在同一行的第二个表单下对齐右保存按钮，我正在使用col-6在同一行中将两种形式的两个div分开，但是问题是我确实尝试了自举类，并且也进行了html align 标记，但是问题仍然相同

  <div class="container-fluid bgstyle">
      <div class="container pt-2 pb-2 cntnr">
        <div class="row">

          <div class="align-center col-6  ">
            <form [formGroup]="teacherform" class="pt-2 pb-2 ">
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-camera fa-2x  user-icon fa-fw" aria-hidden="true"></i>
                  <label for="file" class="col-sm-10 form-control">Choose profile picture</label>
                  <input type="file" name="pic" accept="image/* " (change)="selectedFile($event)"
                    class="border-left-0 pl-2 pr-2 form-control mr-2px" formControlName="pic">
                </p>
              </div>

              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-user fa-2x  user-icon fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="FirstName"
                    placeholder="Teacher ID" formControlName="id">
                </p>
              </div>
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-user fa-2x user-icon fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="emailHelp"
                    placeholder="Teacher Name" formControlName="name">
                </p>
              </div>
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-user fa-2x  fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="username" aria-describedby="username"
                    placeholder="Designation" formControlName="designation">
                </p>
              </div>
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-envelope fa-2x  fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="email" aria-describedby="email" placeholder="Date Of Birth"
                    formControlName="dob">
                </p>
              </div>


            </form>
          </div>

          <div class="col-6">
            <form [formGroup]="teacherform" class="pt-2 pb-2 ">


              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-user fa-2x  user-icon fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="FirstName"
                    placeholder="Teacher ID" formControlName="id">
                </p>
              </div>
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-user fa-2x user-icon fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="emailHelp"
                    placeholder="Teacher Name" formControlName="name">
                </p>
              </div>
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-user fa-2x  fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="username" aria-describedby="username"
                    placeholder="Designation" formControlName="designation">
                </p>
              </div>
              <div class="form-group ">
                <p class="input-group">
                  <i class="fa fa-envelope fa-2x  fa-fw" aria-hidden="true"></i>
                  <input type="text" class="form-control " id="email" aria-describedby="email" placeholder="Date Of Birth"
                    formControlName="dob">
                </p>
              </div>
              <div class="form-group">
                <p class="input-group">
                  <i class="fa fa-unlock fa-2x fa-fw"></i>
                  <input type="password" class="form-control" id="password" placeholder="Password"
                    formCotrolName="password">
                </p>
              </div>


                    <div class=" input-group text-white text-right">
                <button type="submit" class="btn btn-primary "style="float:right">Save Records </button> 
             </div>
            </form>
          </div>
        </div>
      </div>

    </div>

<!-- end snippet -->

how can i align "save button" to the right side of the form 
Here is my component.html file structure



> Updated
<div class="container-fluid bgstyle">
  <div class="container pt-2 pb-2 cntnr">
    <div class="row">

      <div class="align-center col-6  ">
        <form [formGroup]="teacherform" class="pt-2 pb-2 ">
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-camera fa-2x  user-icon fa-fw" aria-hidden="true"></i>
              <label for="file" class="col-sm-10 form-control">Choose profile picture</label>
              <input type="file" name="pic" accept="image/* " (change)="selectedFile($event)"
                class="border-left-0 pl-2 pr-2 form-control mr-2px" formControlName="pic">
            </p>
          </div>

          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-user fa-2x  user-icon fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="FirstName"
                placeholder="Teacher ID" formControlName="id">
            </p>
          </div>
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-user fa-2x user-icon fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="emailHelp"
                placeholder="Teacher Name" formControlName="name">
            </p>
          </div>
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-user fa-2x  fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="username" aria-describedby="username"
                placeholder="Designation" formControlName="designation">
            </p>
          </div>
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-envelope fa-2x  fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="email" aria-describedby="email" placeholder="Date Of Birth"
                formControlName="dob">
            </p>
          </div>


        </form>
      </div>

      <div class="col-6">
        <form [formGroup]="teacherform" class="pt-2 pb-2 ">


          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-user fa-2x  user-icon fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="FirstName"
                placeholder="Teacher ID" formControlName="id">
            </p>
          </div>
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-user fa-2x user-icon fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="exampleInputEmail1" aria-describedby="emailHelp"
                placeholder="Teacher Name" formControlName="name">
            </p>
          </div>
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-user fa-2x  fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="username" aria-describedby="username"
                placeholder="Designation" formControlName="designation">
            </p>
          </div>
          <div class="form-group ">
            <p class="input-group">
              <i class="fa fa-envelope fa-2x  fa-fw" aria-hidden="true"></i>
              <input type="text" class="form-control " id="email" aria-describedby="email" placeholder="Date Of Birth"
                formControlName="dob">
            </p>
          </div>
          <div class="form-group">
            <p class="input-group">
              <i class="fa fa-unlock fa-2x fa-fw"></i>
              <input type="password" class="form-control" id="password" placeholder="Password"
                formCotrolName="password">
            </p>
          </div>


                <div class=" input-group text-white text-right">
            <button type="submit" class="btn btn-primary "style="float:right">Save Records </button> 
         </div>
        </form>
      </div>
    </div>
  </div>

</div>

我想在第二种形式下将按钮右对齐