我如何在ng模板中组织列？

Question

这是我的代码。

<ion-row>
<ng-template #isMotivo>
  <ion-col size="2">
    <label style="cursor:pointer">{{ item.nombre }}</label>
  </ion-col>
</ng-template>
<ng-template #isOtroMotivo>
  <ion-col size="2">
    <label style="cursor:pointer">{{ item.otromotivo }}</label>
  </ion-col>
</ng-template>

我不能运行组织它在每个ng模板的列。

我很感激你的帮助，谢谢

Answer 1

尝试使用bootstrap grid这是如何安装bootstrap到ionic angular项目。

create new folder public/css inside ionic app folder.
inside public/css paste copy of bootstrap.min.css.
add "public/css/bootstrap.min.css" string path in angular.json.
*make sure to rebuild your app .>ionic serve

这里是bootstrap grid 文档