ionic-framework - 响应式离子网格基于列

Question

我正在使用 ionic 并尝试构建一个布局，其中卡片根据屏幕大小组织成 1、2 或 3 列。而不是正常的水平布局，我希望卡片垂直布局

我现在拥有的 HTML 只生成一列卡片，如果屏幕尺寸达到断点，将生成第二或第三个空列：

<ion-grid>
  <ion-row>
    <ion-col col-12 col-md-6 col-lg-4>
      <ion-card *ngFor="let category of list">
        <ion-label>{{category.title}}</ion-label>
        <p>{{category.text}}</p>
      </ion-card>
    </ion-col>
  </ion-row>
</ion-grid>

离子网格有没有办法做到这一点，还是我必须使用其他 CSS 解决方案？