Ionic 2 'col-n'属性が機能しない

Question

col-n属性で 'n'個の列にまたがる列を作成できません。ガイドで提供されている例でもありません。これは、現在、私のために3列、全て同じサイズの2行が表示されます。

<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> 

イオンのバージョン：

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

最初の列の意志：あなたはこのようなことができます2.2.1

Answer 1

幅の20％を占め、第2列は幅の残りの80％を占める。あなたは100まで追加し、次のいずれかの組み合わせを使用することができます。

幅-10 幅20 幅25 幅33 幅50 幅67 幅75 幅80 width-90

Answer 2

属性col-*は、ドキュメントが指摘しているように、Ionicのバージョン3で使用できます。バージョン2の正しいグリッド属性は、@coenniの受け入れられた回答によってプロポーザルされています。