在mvc中显示列表中的数据

Question

我想在div容器中显示我的课程。

我的代码如下：

List<Produkte> PListe = Produkte.Anzeige(wert);
div class="row">
{
foreach (var item in PListe)
{ 
  <div class="col-md-3">
  <figure class="figure">

  <img src="~/pictures/@(item.name).jpg" alt="@item.name">
  <figcaption class="figure-caption"> @item.name </figcaption> 

  </figure>
  </div>

}
</div>
}

它应该是两行，每4个项目。但问题是第二行div容器移位并显示错误：
第二行中的第一张图片是一个很大的间隙（空div？！）然后它继续与其他图片。

你可以帮我解决这个问题吗？

我是一个初学者，所以请大量解释