在MVC cshtml中每行显示三列

我目前所拥有的是下面的工作正常，但现在它在一个长列表中显示我的记录，我想要做的是每行显示三（3）条记录。 我尝试在标签上放置一个for循环，但它不起作用它只显示每个记录三（3）次的重复。

@foreach (var ClientItem in Model.Clients) {   
 @Html.Hidden("ClientID", ClientItem.ClientID) @Html.Label(ClientItem.ClientName)  
   } 

请帮助我已经用完了想法，我也尝试过之前提出的存档

Answer 1

使用Bootstrap Responsive网格，没有必要手动构建表并循环遍历行。 Bootstrap将自动为您包装列。 Bootstrap在使用12列的网格系统上工作，如果在一行中放置超过12列，则每组额外列将作为一个单元包裹到新行上 。

 
 
 @Html.Hidden("ClientID", ClientItem.ClientID) @Html.Label(ClientItem.ClientName)  
  

这是Bootply上的一个示例

Answer 2

for块和打印

或基于i的值。 如果它是第一个索引（ i等于0）或者它是第四个，第七个，……（3n + 1）个索引（ i % 3等于0），则在

之前打印

。 如果它是最后一个索引（ i等于Model.Clients.Count - 1 ）或者它是第三个，第六个，……（3n）索引（ i % 3等于2），则在之后打印 。 以下代码应该给出你想要的。

 @for (int i = 0; i < Model.Clients.Count; i++) { if (i == 0 || i % 3 == 0) {  }  
 @Html.Hidden("ClientID", Model.Clients[i].ClientID) @Html.Label(Model.Clients[i].ClientName)  
  if (i % 3 == 2 || i == Model.Clients.Count - 1) {  } }