foreach循环中的Bootstrap崩溃

我无法让可折叠面板在我的foreach循环中工作。 单击某个项目时，所有项目都会展开/缩进，这不是我想要的。 我希望每个元素都是独立的。

我连接到数据库，基本上只想显示数据，并能够扩展以查看更多信息。

我已经尝试了很多不同的解决方案，我目前的方法基于https://stackoverflow.com/a/18568997/1366033我应该怎么做id和href？

任何帮助将不胜感激。

foreach (var item in groupItem){ 
 
 
 
  @Html.DisplayFor(modelItem => item.Name)  
 
 
 
@Html.DisplayFor(modelItem => item.IdNumber) 
 
 
  

Answer 1

基本上你是用循环创建面板并为所有panel-group分配相同的id ，这就是造成问题的原因！ 所以你可以尝试如下工作，请注意ids在DOM中应该是唯一的

 @{int i=0;} foreach (var item in groupItem) { 
 
 
 
  @Html.DisplayFor(modelItem => item.Name)  
 
 
 
 @Html.DisplayFor(modelItem => item.IdNumber) 
 
 
 
 i++; }