c# - 如何使用 Razor 通过循环正确生成 Bootstrap 网格？

Question

我使用 ASP.NET MVC 和 Bootstrap 。我收集了很多对象(> 2)，每个对象都需要一个 <div class="col-xs-6">但连续只有 2 列。如何实现这个使用循环？有一种方法，但我正在寻找更好的方法:

@model List<Object>
@using (Html.BeginForm("ActionName", "ControllerName"))
{
    <div class="row">
    @for (int i = 0; i < Model.Count; i++)
    {
        if (i % 2 != 0) {
        <div class="row">
            <div class="col-xs-6">
                @Html.TextBoxFor(o => o[i].Value)
            </div>
        </div>
        } else {
            <div class="col-xs-6">
            @Html.TextBoxFor(o => o[i].Value)
            </div>
        }
    }
    </div>
}

Answer 1

关闭行 div 并在每 2 次迭代时在循环内开始一个新行

<div class="row">
    @for (int i = 0; i < Model.Count; i++)
    {
        if (i > 0 && i % 2 == 0)
        {
            @:</div><div class="row"> // close and start new row
        }
        <div class="col-xs-6">
            @Html.TextBoxFor(o => o[i].Value)
        </div>
    }
</div>