title: How to line up labels and read-only fields in a Bootstrap 2 form
body: <p>In bootstrap 2, what's <em>the recommended way</em> of lining up labels and read-only text fields <em>in a form</em>. The following code sample creates misaligned fields:</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
      &lt;fieldset&gt;
          &lt;legend&gt;Sample&lt;/legend&gt;    
          &lt;div class="control-group"&gt;
              &lt;label class="control-label"&gt;Readonly Field&lt;/label&gt;
              &lt;div class="controls"&gt;
                  Lorem Ipsum and then some
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/fieldset&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Note that I can fix this up myself with custom CSS.  That's not the issue.  It just seems silly that this is not build-in so I feel like I must be overlooking something.</p>