根据屏幕尺寸从嵌入式控件切换到水平控件。

Question

当屏幕宽度下降时，内联表单控件出现了一个小问题。我已经建立了一个有角度的动态表单控件，但是单选按钮（变量答案）。

我希望内联函数仍然可以在较大的屏幕上使用，但请切换到经典的水平或2-5-5方法。

这是我的单选按钮控件。

<div class="form-group row" [formGroup]="group" >
  <label for="{{field.name}}" class="col-sm-2 col-form-label">{{field.label}}</label>
  <div class="custom-control custom-radio custom-control-inline" *ngFor="let answer of field.options; index as i;">
    <input type="radio" id="{{field.name + answer}}" [value]="answer" [formControlName]="field.name" class="custom-control-input">
    <label class="custom-control-label" for="{{field.name + answer}}">{{ answer }}</label>
  </div>
</div>

我尝试将col-xs-6添加到标签和控件类都无济于事。