Make ionic grid .col take new row/line if no space available ? (like bootstrap))


#1

I am planning a markup like this for ng-repeating items :-

<div class="row">
    <div class="col col-50" ng-repeat="item in items">

    </div>
</div> 

the overflowing columns should automatically take new line or row (like in bootstrap).the items should appear as grid.

I tried simply ng-repeating items with col but it wont take new line when no space !

Help is appreciated !


#2

You can get this behavior by using style=“flex-wrap: wrap;” on the row. For example:

<div class="row" style="flex-wrap: wrap;">
    <div class="col-33" ng-repeat="photo in photos">
       ....
    </div>
</div>