title: How put multiple badges inside ion-item in IONIC 2?
body: <p>How can I put multiple badges inside an ion-item in IONIC 2? I am doing this, but it only shows the first four badges.</p>
  
  <pre><code>&lt;ion-item detail-push&gt;            
    &lt;ion-badge&gt;Badge 1&lt;/ion-badge&gt;
    &lt;ion-badge&gt;Badge 2&lt;/ion-badge&gt;
    &lt;ion-badge&gt;Another Badge&lt;/ion-badge&gt;
    &lt;ion-badge&gt;Another big badge&lt;/ion-badge&gt;
    &lt;ion-badge&gt;Another very big badge&lt;/ion-badge&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>I need that ion-item grow to shows all badges. How can I do it?</p>
  
  <p>The html rendered is this:</p>
  
  <pre><code>&lt;ion-item class="item item-block item-md" detail-push=""&gt;
    &lt;div class="item-inner"&gt;
    &lt;div class="input-wrapper"&gt;
        &lt;!--template bindings={}--&gt;
        &lt;ion-label class="label label-md"&gt;            
          &lt;ion-badge class="badge badge-md"&gt;Badge 1&lt;/ion-badge&gt;
          &lt;ion-badge class="badge badge-md"&gt;Badge 2&lt;/ion-badge&gt;
          &lt;ion-badge class="badge badge-md"&gt;Another Badge&lt;/ion-badge&gt;
          &lt;ion-badge class="badge badge-md"&gt;Another big badge&lt;/ion-badge&gt;
          &lt;ion-badge class="badge badge-md"&gt;Another very big badge&lt;/ion-badge&gt;
        &lt;/ion-label&gt;
      &lt;/div&gt;
      &lt;!--template bindings={}--&gt;
    &lt;/div&gt;
    &lt;div class="button-effect"&gt;&lt;/div&gt;
  &lt;/ion-item&gt;
  </code></pre>
  
  <p>And it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/bZk0r.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bZk0r.png" alt="enter image description here"></a></p>