title: Bootstrap how to get help-block to work with inline and horizontal forms
body: <p>I would like to setup a form using the Bootstrap form-horizontal layout with the controls in an inline layout while still being able to have the help-block text below each field.</p>
  
  <p>I have been able to accomplish the desired layout using the code below.</p>
  
  <pre><code>&lt;form class="form-horizontal"&gt;
              &lt;div class="control-group"&gt;
                  &lt;span class="control-label"&gt;Name&lt;/span&gt;
                  &lt;div class="controls form-inline"&gt;
                      &lt;input type="text" class="input-large" placeholder="First" id="FirstName"&gt;
                      &lt;input type="text" class="input-mini" placeholder="M.I." id="FirstName"&gt;
                      &lt;input type="text" class="input-large" placeholder="Last" id="LastName"&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;
  </code></pre>
  
  <p>However I would like to be able to add the help-block class to each field as shown below:</p>
  
  <pre><code>&lt;input type="text" id="FirstName" class="input-large" &gt;
  &lt;p class="help-block"&gt;First Name&lt;/p&gt;
  </code></pre>
  
  <p>Example of what I am looking for:</p>
  
  <p><a href="http://dentconsent.com/example1.png" rel="noreferrer">Example Image</a></p>
  
  <p>Any suggestions? </p>