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

发布时间：2020-12-14 21:47:41 所属栏目：资源来源：网络整理

导读：我有一个编辑表单.form-horizo??ntal和.control-label。但是，现在我想向用户显示一条记录(例如，用户配置文件的详细信息)。所以我想像这样： First Name: FooLast Name: BarJob: Something 使用bootstrap框架做最好的方法是什么？我想使用与编辑表单相同的

我有一个编辑表单.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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!