title: Can't set equal column height with columns created with Angular 2 ngFor
body: <p>I have a list of users, and some information about each user. I want to present this information to columns, one column for each user, using ngFor.</p>
  
  <p>Apparently, the content and information of each user is of different length, so it turns out that the height of each col is different.</p>
  
  <p>Of course, I have searched how to make bootstrap cols equal, using the row.eq.height css from bootstrap (<a href="http://getbootstrap.com.vn/examples/equal-height-columns/" rel="nofollow noreferrer">Make cols with eq height</a>), and also searching for other solutions but it doesnt seem to work.</p>
  
  <p>I am using boostrap 4.
  Below is my code.
  I think the problem lies with the ngFor.</p>
  
  <pre><code>&lt;div class="row"&gt;
     &lt;div class="col-lg-3" *ngFor="user of users"&gt;
        &lt;div class="panel panel-default"&gt;
           &lt;div class="panel-body"&gt;
               &lt;label&gt;Username&lt;/label&gt;{{user.username}}
               &lt;label&gt;Info&lt;/label&gt;{{user.info}}
               &lt;!--more stuff here like user.name etc etc  --&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p><strong>EDIT:</strong>
  Added plunker: <a href="https://plnkr.co/edit/erRmFBeoRsEzHoXN6NE0?p=preview" rel="nofollow noreferrer">Plunker</a></p>