Переключитесь с встроенных элементов управления на горизонтальные элементы управления в зависимости от размера экрана.

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 к метке и классу управления, но безрезультатно.