剃刀视图中的Bootstrap 3列网格解析错误

Question

我正在尝试在剃刀视图中创建3xN网格.

我有

@foreach (var item in Model)
{
    if (i == 1)
    { <div class="row"> }  // if item is first in row, open row div
      <div class="col-md-4">
// do some work here to show model data
      </div>
      @{ // if item is 3rd in row, close row div
        i++;
        if (i == 4)
        { </div>
          @i= 1;
        }
      }
}

但我得到解析错误@foreach块没有用}字符关闭...

有人可以帮忙吗？

Answer 1

通常,当你在同一个区块中没有结束标记的代码块中有标记时,你应该只添加@:到开始标记的开头..看起来</div>如果你从未到达i = 4那么你将错过结束你可能想要改变你的代码有点.

<div class="row">
    @foreach (var item in Model)
    {
        if (i == 5)
        {
            @:</div><div class="row">
            i = 1;
        }
        <div class="col-md-4">
            // do some work here to show model data
        </div>
        @{ i++; }
    }
</div>