Ionic 4，试图用 col-6 每行显示 2 个，它仍然每行显示太多

Question

在搜索了几个堆栈溢出和其他帖子后，我想出了正确的方法来让两个 "Cards" 或任何真正的东西（我试过只用文本或段落或更简单的东西来卡片）来显示每行是在同一行用 col-6 重复，它应该换行：

  <ion-grid>
      <ion-row>
        <ion-col col-6 *ngFor="let place of places">
          <ion-card>
            <ion-card-content>
              <ion-card-title>
                Card's Title
              </ion-card-title>
              <p>
                Card's description
              </p>
            </ion-card-content>
          </ion-card>
        </ion-col>
      </ion-row> 
  </ion-grid>

但这会产生结果：

Answer 1

我想是因为ionic 4不再使用col-size了。相反，你应该尝试 size="6" size-sm.

https://beta.ionicframework.com/docs/layout/grid#stacked-to-horizontal

Ionic 4，试图用 col-6 每行显示 2 个，它仍然每行显示太多

Ionic 4, trying to show 2 per row with col-6, it still puts too many per row

javascript

ionic-framework

angular

ionic4