title: Inline Bootstrap form layout with labels above inputs
body: <p>I'd like to create a form with the following layout using Bootstrap 3:</p>
  
  <p><img src="https://i.stack.imgur.com/XwWpE.png" alt="enter image description here"></p>
  
  <p>I have a jsfiddle with an attempt here: <a href="http://jsfiddle.net/quyB6/">http://jsfiddle.net/quyB6/</a></p>
  
  <p>And the markup I've tried:</p>
  
  <pre><code>&lt;form&gt;
      &lt;div class="form-group col-md-4"&gt;
          &lt;label for="name" class="control-label"&gt;Line Height&lt;/label&gt;
          &lt;input type="number" value='' class="form-control" id="lineHeight"&gt;
      &lt;/div&gt;
      &lt;div class="form-group col-md-4"&gt;
          &lt;label for="name" class="control-label"&gt;Padding Top&lt;/label&gt;
          &lt;input type="number" value='' class="form-control" id="paddingTop" /&gt;
      &lt;/div&gt;
      &lt;div class="form-group col-md-4"&gt;
          &lt;label for="name" class="control-label"&gt;Padding Bottom&lt;/label&gt;
          &lt;input type="number" value='' class="form-control" id="paddingBottom"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>