displaying data when using bootstrap framework

Question

I have an edit form which .form-horizontal and .control-label. However, now I want to display one record to the user (for example, details of a users profile). So I envision something like this:

First Name:        Foo Last Name:         Bar Job:               Something 

What is the best way to do this using bootstrap framework? I wanted to use the same structure as my edit form but since I'll be showing data, I can't used the .form-horizontal class. If I use the <table> tag then what class could I use?

Answer 1

For Bootstrap 3

Bootstrap 3 provides a 'Horizontal Description' class to do present data exactly like you wish.

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

With your example data, you would do something like this:

<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>