# Insert ion-row around every 2 ion-col

**URL:** <https://forum.ionicframework.com/t/insert-ion-row-around-every-2-ion-col/49442>\
**Category:** ionic-v3\
**Created:** [April 15, 2016, 7:48pm UTC](https://forum.ionicframework.com/t/insert-ion-row-around-every-2-ion-col/49442 "2016-04-15T19:48:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![jjrchrds](https://avatars.discourse-cdn.com/v4/letter/j/a87d85/32.png) [@jjrchrds](https://forum.ionicframework.com/u/jjrchrds)\
**Post date:** [April 15, 2016, 7:48pm UTC](https://forum.ionicframework.com/t/insert-ion-row-around-every-2-ion-col/49442/1 "2016-04-15T19:48:19Z")

</div>

trying to wrap every two ion-col, in an ion-row, I can’t seem to find any way to do this.  
\<template ngFor #item [ngForOf]=“badges” #i=“index”\>

```
      <ion-col class="text-center" width-50>
        <div class="badge" (click)="showBadgeDetails(i)">
          <h5 secondary>{{item[0]}}</h5>
        </div>
      </ion-col>
  </template>
```