Отображение данных при использовании системы загрузки

У меня есть форма редактирования .form-horizontal и .control-label. Однако теперь я хочу отобразить одну запись для пользователя (например, данные профиля пользователя). Поэтому я представляю себе что-то вроде этого:

First Name:        Foo
Last Name:         Bar
Job:               Something

Каков наилучший способ сделать это с помощью платформы bootstrap? Я хотел использовать ту же структуру, что и моя форма редактирования, но поскольку я буду показывать данные, я не могу использовать класс .form-horizontal. Если я использую тег <table>, то какой класс я мог бы использовать?

Ответ 1

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>

Ответ 2

Можно также использовать таблицу, например,

<table class=   "table table-user-information">
                <tbody>
                  <tr>
                    <td>Dokter Umum:</td>
                    <td><?php echo $row->terap_addressdoc ?></td>
                  </tr>
                  <tr>
                    <td>Specialist Chiropactic</td>
                    <td><?php echo $row->terap_specialist ?></td>
                  </tr>

                   <tr>
                    <td>Email</td>
                    <td><?php echo $row->terap_terapist ?></td>
                  </tr>
               </tbody>
              </table>