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

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

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


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 !

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">
1 Like