在离子中每行显示 5 列

Question

请帮帮我..

我正在用 ionic 创建项目。 我想每行显示 5 列。

这是我的代码

<div class="row responsive-sm" ng-repeat="item in products">
    <div class="col"  >
        <div class="list card" >

            <div class="item">
                <h2>{{item.merk}}</h2>
                <p>Nine Inch Nails</p>
            </div>

            <div class="item item-image">
                <img ng-src="http://kaerusshop.com/users/rahadian/merk/{{item.pict}}">
            </div>

        </div>
    </div>
</div>

上面的代码显示一行以查看所有数据

怎么做？

Answer 1

分块。

由于 Ionic 是 Angular 的底层，看看这个 post，它应该会为您解决。

Answer 2

检查这个

<div class="row">
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
  <div class="col">.col</div>
</div>

http://ionicframework.com/docs/components/#grid-even