Css Bootstrap flex：在一行中，一个列具有全高，另一个列具有垂直中心对齐的元素

我正在用Bootstrap4来尝试垂直对齐右栏的元素，并在左栏有一个全高栏，只是为了有一个背景色。我看到过很多关于这些问题的帖子，但没有一篇是关于这个具体问题的

我的HTML

<div class="container-fluid">
    <div class="row ">
        <div class="col-md-6 ">
            <div class="content colour-1">
                //Just want a full height background color

              </div>
        </div>
        <div class="col-md-6 ..->class?">
            <form [formGroup]="loginForm" (ngSubmit)="onSubmit()" >
                //I just want this small form vertically aligned - center
            </form>
        </div>
    </div>
</div>

//只需要一个完整的背景色

 "dependencies": {
    "@angular/animations": "~9.1.9",
    "@angular/cdk": "^9.2.4",
    "@angular/common": "~9.1.9",
    "@angular/compiler": "~9.1.9",
    "@angular/core": "~9.1.9",
    "@angular/flex-layout": "^9.0.0-beta.31",
    "@angular/forms": "~9.1.9",
    "@angular/localize": "~9.1.9",
    "@angular/material": "^9.2.4",
    "@angular/platform-browser": "~9.1.9",
    "@angular/platform-browser-dynamic": "~9.1.9",
    "@angular/router": "~9.1.9",
    "@ng-bootstrap/ng-bootstrap": "^6.1.0", -->NG-BOOTSRAP
    "bootstrap": "^4.4.0", --->BOOTSRAP
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },

<div class="container">
    <div class="row" style="height: 100vh">
        <div class="col-6 d-flex flex-grow-auto">
            <div class="content colour-1">
                //Just want a full background color

            </div>
        </div>
        <div class="col-6 flex-row d-flex flex-column justify-content-center">
            <input class="form-control">
            <input class="form-control">

        </div>
        </div>

    </div>