title: Align labels under input boxes using Bootstrap
body: <p>I'm not sure how to go about getting the effect I want here. I have two input boxes that are on the same line and I want to have labels underneath them and aligned to match the respective input box.</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;form class="form-inline" role="form"&gt;
        &lt;div class="form-group"&gt;
            &lt;label for="decimal_input"&gt;Label 1&lt;/label&gt;
            &lt;input type="text" value="1" width="10" id="decimal_input" class="form-control" /&gt;
            = &lt;label for="input2"&gt;Label 2&lt;/label&gt; 
            &lt;input type="text" value="I" width="30" id="input2" class="form-control" /&gt;
        &lt;/div&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Take a look at the jsfiddle here for more info:</p>
  
  <p><a href="http://jsfiddle.net/justinhj/bTVKZ/2/" rel="nofollow">http://jsfiddle.net/justinhj/bTVKZ/2/</a></p>