离子网格 - 行不占用全宽

Question

我正在尝试创建一个简单的网格，目前只有一行七列。每列由一个包含一个文本字母的 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

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