html – 使用引导框架时显示数据

我有一个编辑表单.form-horizo​​ntal和.control-label。但是，现在我想向用户显示一条记录(例如，用户配置文件的详细信息)。所以我想像这样：

First Name:        Foo
Last Name:         Bar
Job:               Something

使用bootstrap框架做最好的方法是什么？我想使用与编辑表单相同的结构，但是由于我将显示数据，所以我不能使用.form-horizo​​ntal类。如果我使用< table>标签然后我可以使用什么类？

解决方法

Bootstrap提供了一个“水平描述”类来完成当前的数据。

http://getbootstrap.com/css/#horizontal-description

通过您的示例数据，您可以执行以下操作：

<dl class="dl-horizontal">
  <dt>First Name</dt>
  <dd>Foo</dd>
  <dt>Last Name</dt>
  <dd>Bar</dd>
  <dt>Job</dt>
  <dd>Something</dd>
</dl>

原文地址：https://www.jb51.cc/html/233334.html