이오닉 2 'col-n'속성이 작동하지 않습니다.

Question

col-n 속성을 사용하여 'n'개의 열을 확장하는 열을 만들 수 없습니다. 가이드에 제공된 예조차도 아닙니다. 이것은 현재 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> 

이온 버전 :

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

첫 번째 열 것입니다 : 2.2.1

Answer 1

같은 당신이 할 수 있습니다 너비의 20 %를 차지하고 두 번째 열은 너비의 나머지 80 %를 차지합니다.

폭 10 폭 20 폭 25 폭 33 폭 50 폭 67 폭 75 폭 80 : 100까지 추가 다음의 임의의 조합을 사용하여 width-90

Answer 2

col-* 속성은 Ionic 버전 3에서 사용할 수 있습니다. 버전 2의 올바른 그리드 속성은 @coenni의 승인 된 응답에 의해 프로 포메이션됩니다.