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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/233334.html

猜你在找的HTML相关文章