title: Ionic 2 multiple ion-item in a row
body: <p>I want to show 4 <code>ion-items</code> in my <code>ion-list</code> in a row.</p>
  
  <p>Since I'm using Bootstrap, I tried to do:</p>
  
  <pre><code>&lt;button class="col-sm-3" ion-item *ngFor="let player of players"&gt;
      &lt;ion-avatar item-left&gt;
        &lt;img [src]="user.photoURL"&gt;
      &lt;/ion-avatar&gt;
      {{ user.name }}
    &lt;/button&gt;
  </code></pre>
  
  <p>but it didn't work.</p>