ASP.NET MVC中连续两列

Question

我想连续迭代两列...

@Html.Partial("_MediumProductWrap", product)

是列

@foreach (var product in Model.Products)
{
    <div class="row">
        @Html.Partial("_MediumProductWrap", product) // Col
    </div>
}

Answer 1

请尝试以下操作：

<div class="flex">
  <div class="row">
    @foreach (var product in Model.Products)
    {
      <div class="col-6">
        @Html.Partial("_MediumProductWrap", product) // Col
      </div>
    }
  </div>
</div>

引导网格系统使用12列网格，因此将局部部分的div设置为col-6将使产品显示为2列网格。