html - ブートストラップフレームワーク使用時のデータの表示

Question

との編集フォームが.form-horizontalあり.control-labelます。ただし、ここでは、1 つのレコードをユーザーに表示したいと考えています (たとえば、ユーザープロファイルの詳細)。だから私は次のようなものを想定しています：

First Name:        Foo
Last Name:         Bar
Job:               Something

ブートストラップフレームワークを使用してこれを行う最善の方法は何ですか? 編集フォームと同じ構造を使いたかったのですが、データを表示するので.form-horizontalクラスが使えません。タグを使用する場合<table>、どのクラスを使用できますか?

score 51 · Accepted Answer

Bootstrap 3 は、希望どおりにデータを表示するための「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>

html - ブートストラップ フレームワーク使用時のデータの表示