带网格的MVC3 Bootstrap表格数据

Question

我喜欢Bootstrap，我喜欢MVC 3和MVC 4，但是即使我看到很多Bootstrap示例，我也没有真正看到使用Bootstrap和MVC3以及类似网格系统中的表格数据的示例。

任何地方的任何例子？

1. 我不想使用Telerik，KendoUI或其他许多东西
2. 对于“WebGrid”真的不感到兴奋，因为我宁愿远离桌子

所以对使用Razor View Engine的Bootstrap有任何坚定的想法，以及如何避免使用表格？

Answer 1

你必须考虑这个有点不同。所有的twitter引导程序都只是一堆风格。

1.  <table class="table table-bordered">
2.    …
3.  </table>

如果您使用的是ASP.NET MVC Razor，Angular.JS，Knockout.js，Handbar.js或任何允许您获取数据并以编程方式创建动态html的内容，则必须根据语言的语法进行设置。

@Model List<string>

<table class="table table-bordered">
      @foreach(var item in @Model){
        <tr>
          <td>@item</td>
       </tr>
      }
</table>

Bootstrap仅为您提供可重用样式的公共库。某些HTML必须以某种方式进行布局才能使样式正常运行，但这是设计使然，应该参考文档@ http://twitter.github.io/bootstrap/index.html以获得更多帮助。