Ionic2 具有col-*/responsive的离子2网格问题

我有这个密码

<ion-grid>
      <ion-row wrap> 
        <ion-col col-2>
          <h3>Adresse</h3>
        </ion-col>
        <ion-col col-1 offset-1>
          <h3>Telefon</h3> 
        </ion-col>
        <ion-col col-4>
          <h3>Geb./Fam./Adelspräd.</h3>
        </ion-col>
        <ion-col col-2>
          <h3>Beruf/Stellung/Titel</h3>
        </ion-col>
        <ion-col col-2>
          <h3>KNR/Inhaber</h3>
        </ion-col>
      </ion-row>
    </ion-grid>

阿迪斯
电传
Geb./Fam./Adelspräd。
贝鲁夫/斯特隆/滴度
KNR/Inhaber

但是它不使用col-*属性，就像这里描述的那样 我找不到任何所谓的css类。只有5匹同样宽度的马

打赌当我选择宽度-10时，它会对我所做的做出反应

最后，我想要这样的东西

<ion-col col-12 col-sm>
  1 of 4
</ion-col>

第1页，共4页

让它响应

谢谢你的帮助

您应该使用

width-10 

而不是

col-10

<ion-col col-3>
 This is apparently an ionic column of 25% width.
</ion-col>

---

它不支持整个flexbox网格，只知道

width-*

之类的类

为了使用flexbox网格的全部功能，我导入了原始的flexbox css文件，一切正常

---

这是离子响应网格的常见问题。解决方案是像使用属性（as）一样使用类。因此：

而不是

col-10

<ion-col col-3>
 This is apparently an ionic column of 25% width.
</ion-col>

这显然是一个25%宽的离子柱。

你会用

<ion-col class="col-3">
 This is apparently an ionic column of 25% width.
</ion-col>

这显然是一个25%宽的离子柱。

还可以组合属性：

<ion-col class="col-12 col-md-5 offset-1 col-lg-6">
 This is an ionic column of 100% width for all screens **up to** medium size, 41% with 8.3% offset for all screens medium to large, and 50% for large screens upwards.
</ion-col>

这是一个离子柱，对于所有屏幕**到**中等尺寸，宽度为100%，对于所有中到大屏幕，宽度为41%，偏移量为8.3%，对于大屏幕以上，宽度为50%。

---

这应该能奏效。记住，你的离子柱。

它会有不同的效果。宽度-10表示行的10%，列-10表示屏幕的83.333%