이온 격자 - 전체 폭을 차지하지 않는 행

Question

현재 하나의 행과 7 개의 열이있는 간단한 그리드를 만들려고합니다. 각 열은 하나의 텍스트 문자를 포함하는 div로 구성됩니다. 이 열을 페이지 전체에 균등하게 배치하려면 기본 동작으로 지정해야하지만 왼쪽에는 모두 묶어 놓습니다. ID를 사용하여 행의 너비를 100 %로 설정해도 도움이되지 않습니다. 어떤 도움을 주시면 감사하겠습니다.

<div class="row"> 
     <div class="column positive-bg stable" ng-repeat="i in [1,2,3,4,5,6,7]">M</div> 
</div> 

Answer 1

column 클래스 대신 col을 사용하십시오.

<div class="row"> 
    <div class="col positive-bg stable" ng-repeat="i in [1,2,3,4,5,6,7]">M</div> 
</div> 

More about Ionic Grid.