如何使用Razor通过循环正确生成引导网格？

Question

我使用ASP.NET MVC和bootstrap.我在集合中有很多对象(> 2),每个需要一个<div class="col-xs-6">但是连续只有2个col.如何使用循环来实现这个目标？有一种方法,但我正在寻找更好的东西:

@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并在每次第二次迭代时在循环内开始一个新行

<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>