Ионная сетка - строка не занята полной шириной

Question

Я пытаюсь создать простую сетку, в настоящее время с одной строкой и семью столбцами. Каждый столбец состоит из div, содержащего одну букву текста. Я хочу, чтобы эти столбцы были равномерно распределены по всей странице, поскольку это должно быть поведение по умолчанию, но все они сгруппированы слева. Установка ширины строки до 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

Используйте col вместо column класса.

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