Css 表单预览/详细信息页面引导指南

我正在探索Bootstrap，我发现了许多关于表单的指南、文章和堆栈溢出问题。这是一个描述得很好的话题。但是，我找不到关于组织预览页面的很多信息

基本上，在用户提交某些表单后，就有可能看到已保存数据的预览/详细信息。这些视图主要包含标签，即名称标签和值标签。有时是表格和其他数据

预览/详细信息页面通常具有水平布局。对于表单，Bootstrap中有

表单水平

类，但是否有预览/详细信息页面的指导原则？

记录了如何处理以如下形式显示预览/详细信息页面上的数据：

Name:        Something
Price:       $200
Producer:    Company

这很简单，下面是一个例子：

<dl class="dl-horizontal">
    <dt>Name:</dt><dd>{{ foo.Name }}</dd>
    <dt>Price:</dt><dd>{{ foo.Price}}</dd>
    <dt>Producer:</dt><dd>{{ foo.Producer}}</dd>
</dl>

名称：{{foo.Name}
价格：{{foo.Price}
制作人：{{foo.Producer}

还记录了垂直版本