Ionic 2 ‚col-n‘ Attribut funktioniert nicht

Question

Ich bin nicht in der Lage Spalten zu erstellen, die ‚n‘ Anzahl der Spalten mit dem Attribut col-n umspannen. Nicht einmal das Beispiel in den Anleitungen. Das zur Zeit zeigt für mich 2 Reihen mit 3 Spalten, die alle die gleiche Größe:

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

Ionic Version: 2.2.1

Answer 1

Sie können Sie wie folgt aus:

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

der ersten Spalte wird nehmen Sie 20% der Breite, und die zweite Spalte nimmt die restlichen 80% der Breite auf. Sie können eine beliebige Kombination der folgenden verwenden, die bis zu 100 ergänzt:

Breite-10 Breite-20 Breite-25 Breite-33 Breite-50 Breite-67 Breite-75 Breite-80 Breite-90

Answer 2

die Attribute col-* für die Version 3 von Ionic zur Verfügung stehen, als Dokumentation weist darauf hin. Die richtigen Rasterattribute für Version 2 sind die von der angenommenen Antwort von @coenni propagierten.