C# 以每行三个为一列显示项目列表
我有一个c#restapi中的c#model列表。前端应该有一行三列，下一组三列，以此类推 我该怎么做呢。我已经试过了，但它没有显示其他数据C# 以每行三个为一列显示项目列表,c#,model-view-controller,C#,Model View Controller,我有一个c#restapi中的c#model列表。前端应该有一行三列，下一组三列，以此类推 我该怎么做呢。我已经试过了，但它没有显示其他数据 @{ var i = 0; } @foreach (var employee in Model.Employees) { @{ i++; } <a href="#">@employee.Name</a> @if(i%3 == 2) { <br/>
@{ var i = 0; }
@foreach (var employee in Model.Employees)
{
@{ i++; }
<a href="#">@employee.Name</a>
@if(i%3 == 2)
{
<br/>
}
}
@{var i=0；}
@foreach（模型中的var employee.Employees）
{
@{i++；}
@如果（i%3==2）
{
}
}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
@foreach (var employee in Model.Employees)
{
<div class="col-sm-4">
<a href="#">@employee.Name</a>
</div>
}
</div>
</div>
</body>
</html>
引导示例
@foreach（模型中的var employee.Employees）
{
}
@{
var i = 0;
foreach (var employee in Model.Employees)
{
i++;
<a href="#">@employee.Name</a>
if (i == 3)
{
i=0;
<br />
}
}
}
@{
var i=0；
foreach（模型中的var employee.Employees）
{
i++；
如果（i==3）
{
i=0；
}
}
}