网格系统显示数据 Asp.net MVC Razor中的行然后列

Question

在Razor 中带有行然后列

下面是我的代码，它生成的数据类似于左图所示

我想知道它是否可用于在 Razor 和引导网格中生成右侧等数据

<div class="container">
<div class="content">
<div class="row text-center">
@foreach (var i in Model){
<div class="col-md-4">
<div id="cookie" style="height: 100px">i.Name</div>
</div>
}
</div>
</div>
</div>

我尝试写一个语句来确定并思考如何生成正确的语句，
这是我的代码：

<div class="container">
<div class="content">
<div class="row text-center">
@{
for(var countQuantity = 0; countQuantity <Model.Count() ; countQuantity ++){
if(countQuantity % 3 == 0)
{  @: <div class="col-md-4">  }
<div class="col-md-12">
<div id="cookie" style="height: 100px">Name...</div>
</div>
if(countQuantity % 3 == 0)
{  @: </div>  }
}
</div>
</div>
</div>

但我不知道如何使用foreach在上面的代码上显示模型的数据...

.

Answer 1

在第二个代码段中，为了显示模型名称，请进行以下更改：

1. 初始化索引变量

2. 使用传统的数组索引访问方法显示名称值。

   <div class="container"> <div class="content"> <div class="row text-center"> @{ int index = 0; for (var countQuantity = 0; index < Model.Count(); index++) { if (countQuantity % 3 == 0) { @: <div class="col-md-4"> } <div class="col-md-12"> <div id="cookie" style="height:100px"> @Model[index].Name </div> </div> if (countQuantity % 3 == 0) { @:</div> } } } </div> </div> </div>