Ionic2 离子型2';col-n';属性不工作

Ionic2 离子型2';col-n';属性不工作,ionic2,Ionic2,我无法使用col-n属性创建跨越“n”个列的列。甚至不是指南中提供的示例。这当前为我显示2行3列,大小相同: <ion-grid> <ion-row> <ion-col> 1 of 3 </ion-col> <ion-col col-8> 2 of 3 (wider) </ion-col> <ion-col> 3 of 3 &

我无法使用
col-n
属性创建跨越“n”个列的列。甚至不是指南中提供的示例。这当前为我显示2行3列,大小相同:

<ion-grid>
  <ion-row>
    <ion-col>
      1 of 3
    </ion-col>
    <ion-col col-8>
      2 of 3 (wider)
    </ion-col>
    <ion-col>
      3 of 3
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      1 of 3
    </ion-col>
    <ion-col col-6>
      2 of 3 (wider)
    </ion-col>
    <ion-col>
      3 of 3
    </ion-col>
  </ion-row>
</ion-grid>

第1页,共3页
第2页,共3页(较宽)
三分之三
第1页,共3页
第2页,共3页(较宽)
三分之三
爱奥尼亚版本:2.2.1

您可以这样:

<ion-row>
    <ion-col width-20></ion-col>
    <ion-col width-80></ion-col>
</ion-row>

第一列将占据20%的宽度,第二列将占据剩余的80%的宽度。您可以使用以下任意组合,总计为100:

宽度-10 宽度-20 宽度-25 宽度-33 宽度-50 宽度-67 宽度-75 宽度-80
width-90

正如文档所指出的,属性
col-*
可用于Ionic的第3版。版本2的正确网格属性是由@coenni接受的答案提供的。

这在哪里记录?我一直被重定向到v3文档,您是否有指向该文档的链接?