Bootstrap 4固定高度 和's >> 我正在Angular2上编辑页面，如下所示。过渡之间存在高度差，这对我不利。 如何通过响应固定高度，如何更改大小custom-control（切换/切换）？ <ng-container *ngIf="!edit; then thenTemplate; else elseTemplate"></ng-container> <ng-template #thenTemplate> <div class="row col-12" *ngIf="header && value != null "> <strong class="col-xs-12 col-md-4">{{header}}</strong> <p class="col-xs-12 col-md-8">{{onValue == value ? onText : offText}}</p> </div> </ng-template> <ng-template #elseTemplate> <div class="row col-12" *ngIf="header"> <strong class="col-xs-12 col-md-4">{{header}}</strong> <div class="col-xs-12 col-md-8 custom-control custom-switch "> <!-- if add thiss works normaly style="height:2.5rem"--> <input type="checkbox" class="custom-control-input" id="{{key}}" (change)="onValueChanged($event)" [ngModel]="onValue"> <label class="custom-control-label" for="{{key}}">{{onValue == value ? onText : offText}}</label> </div> </div> </ng-template> https://plnkr.co/edit/y3KKE7PKyGIC6cDTQACD?p=preview 我正在Angular2上编辑页面，如下所示。过渡之间存在高度差，这对我不利。我该如何使用响应性固定高度，以及如何...

Question

我正在Angular2上编辑页面，如下所示。过渡之间存在高度差，这对我不利。

Answer 1

完整的工作示例，您可以在此StackBlitz Link中找到

Answer 2

设置复选框和标签后，将它们的高度设置为相同的高度。