我有一个用户列表，以及有关每个用户的一些信息。我想使用ngFor。将这些信息呈现给列，每个用户一列，
显然，每个用户的内容和信息长度不同，因此每个col的高度都不同。
当然，我已经搜索了如何使用bootstrap（Make cols with eq height）中的row.eq.height css使bootstrap cols相等，并且还搜索其他解决方案，但它似乎无法正常工作。
我正在使用boostrap 4。 以下是我的代码。 我认为问题在于ngFor。
<div class="row">
<div class="col-lg-3" *ngFor="user of users">
<div class="panel panel-default">
<div class="panel-body">
<label>Username</label>{{user.username}}
<label>Info</label>{{user.info}}
<!--more stuff here like user.name etc etc -->
</div>
</div>
</div>
<div>
修改 添加了plunker：Plunker
答案 0 :(得分：0)
这是HTML元素的默认行为，容器的高度由内容设置。
如果您在 flexbox 模式下使用引导程序，请注意row-eq-height会影响col-*这一事实。
您没有使用该模式，您可以看到floats用于定位。
您可以使用 bootstrap v4 启用 flexbox 模式，然后它将起作用，或手动添加样式。
*注意：您的plunker属性无效，假设为 styleUrls 和 styleUrl 。