Css 以两列角度显示ngFor循环中的数据

我想在两列中显示此表单。索引为0到4的元素包装在“col-md-6”类中，索引为5到8的元素包装在新的“col-md-6”类中。我能做到吗

 <form [formGroup]="openingHoursForm">
   <div *ngFor="let dia of selectedCenter.dias; let i = index">
     <div class="dayOpeningHours" itemprop="openingHours" title="">
       <div>{{ i }}</div>
         <div class="opens">
           <label for="">De:
             <input class="form-control" id="mondayFrom" type="time" formControlName="openingTime{{ dia.diasemana }}" name="openingTime{{ dia.diasemana }}" value="{{ dia.horainicio }}">
           </label>
         </div>
         <div class="closes">
           <label for="">A:
             <input class="form-control" id="mondayTo" type="time" formControlName="closingTime{{ dia.diasemana }}" name="closingTime{{ dia.diasemana }}" value="{{ dia.horafinal }}">
           </label>
         </div>
       </div>
     </div>
  </form>

{{i}
判定元件：
A:

将切片管与切片管一起使用

...

酷！谢谢你（Moxxi:）

<div class="col-md-6">
  <div *ngFor="let dia of selectedCenter.dias | slice:0:5>
    ...
  </div>
</div>
<div class="col-md-6">
  <div *ngFor="let dia of selectedCenter.dias | slice:5:9>
    ...
  </div>
</div>