如何使用 mvc bootstrap 在页面上列出长格式？

Question

我的意思是有很多字段的表单，MVC bootstrap 很好地做了一个垂直编辑或创建新数据的表单但列出它只是很长的水平传播。例如，有没有办法垂直生成列表？所以没有必要向右滚动才能看到结尾？我说的是下面这个部分，如果我有很多这些东西怎么办？抱歉，我是 MVC 的新手 bootstrap，所以这可能是一个基本问题，但这是一种在 MVC 中模拟页面以简化页面格式设置的方法吗？谢谢

      <div class="panel panel-default">
        <div class="panel-heading">
            <strong>Address List</strong>
        </div>

        <table class="table">
            <tr>
                <th>
                    @Html.DisplayNameFor(model => model.City)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Street)
                </th>
                <th>
                    @Html.DisplayNameFor(model => model.Phone)
                </th>
              </tr>

            @foreach (var item in Model)
            {
                <tr>
                    <td>
                        @Html.DisplayFor(modelItem => item.City)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Street)
                    </td>
                    <td>
                        @Html.DisplayFor(modelItem => item.Phone)
                    </td>

                </tr>
            }
        </table>
    </div>

Answer 1

您只需要一点 html 来进行布局。我可以想到一种基本的 div 方法，而不是使用包含很多列的表格，因为 div 默认情况下会垂直布局。

<div>
@Html.DisplayNameFor(model => model.City)
@Html.DisplayFor(modelItem => item.City)
</div>
<div>
@Html.DisplayNameFor(model => model.Street)
@Html.DisplayFor(modelItem => item.Street)
</div>
<div>
@Html.DisplayNameFor(model => model.Phone)
@Html.DisplayFor(modelItem => item.Phone)
</div>

如何使用 mvc bootstrap 在页面上列出长格式？

how to list long form on page with mvc bootstrap?

model-view-controller

asp.net-mvc

twitter-bootstrap