如何使错误消息出现在引导程序4的输入框的右侧？

Question

如下所示，我希望看到错误消息出现在右侧，而不是在“按”输入元素的底部。

   <div class="row ">
                        <div class="col-md-2">
                            <label class="control-label" for="crossValidationFolds">By</label>
                        </div>
                        <div class="col-md-4">

                            <input required 
                            id="crossValidationFolds"
                            name="crossValidationFolds" 
                            type="number"
                            class="form-control" 
                            #crossValidationFolds="ngModel" 
                            pattern="^(1[0-2]|[1-9])"
                            [(ngModel)]="crossValidationFoldsValue"
                            [ngClass]="crossValidationFolds.touched && crossValidationFolds.invalid?'is-invalid': crossValidationFolds.valid? '':''"
                           />


                        </div>
                        <div class="col-md-4 invalid-feedback" *ngIf="crossValidationFolds.touched && crossValidationFolds.invalid">


                        By Value is invalid

                        </div>

                    </div>

Answer 1