表单预览/详细信息页面的Bootstrap准则

Question

我正在探索Bootstrap，并且我发现了很多关于表单的指南，文章和Stack Overflow问题。这是一个很好的主题。但是我找不到有关组织预览页面的更多信息。

基本上，在用户提交某个表单后，可以查看已保存数据的预览/详细信息。这些视图主要包含标签，即名称标签和值标签。有时表和其他数据。 Here's an example.

预览/详细信息页面通常具有水平布局。如果表单在Bootstrap中有form-horizontal类，那么是否有预览/详细信息页面的指南？

Answer 1

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

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>

还有垂直版本here。