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

**URL:** <https://forum.ionicframework.com/t/make-ionic-grid-col-take-new-row-line-if-no-space-available-like-bootstrap/45580>\
**Category:** ionic-v1\
**Created:** [March 5, 2016, 6:48am UTC](https://forum.ionicframework.com/t/make-ionic-grid-col-take-new-row-line-if-no-space-available-like-bootstrap/45580 "2016-03-05T06:48:19Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sumeet123](https://avatars.discourse-cdn.com/v4/letter/s/839c29/32.png) [@Sumeet123](https://forum.ionicframework.com/u/Sumeet123)\
**Post date:** [March 5, 2016, 6:48am UTC](https://forum.ionicframework.com/t/make-ionic-grid-col-take-new-row-line-if-no-space-available-like-bootstrap/45580/1 "2016-03-05T06:48:20Z")

</div>

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 !

---

<div class="post-metadata">

**Author:** ![TomvanBrienen](https://avatars.discourse-cdn.com/v4/letter/t/e8c25b/32.png) [@TomvanBrienen](https://forum.ionicframework.com/u/TomvanBrienen)\
**Post date:** [June 4, 2016, 10:16pm UTC](https://forum.ionicframework.com/t/make-ionic-grid-col-take-new-row-line-if-no-space-available-like-bootstrap/45580/2 "2016-06-04T22:16:13Z")

</div>

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