title: bootstrap label next to input
body: <p>I'm trying to put an input field's label next to it instead of above it using bootstrap. Wrapping this in <code>form-horizontal</code> works, but it's not actually in a form (just an ajax call that reads the value). Is there a way to simply move the label to the left side of the input?</p>
  
  <pre><code>    &lt;div class="controls-row"&gt;
          &lt;div class="control-group"&gt;
              &lt;label class="control-label" for="my-number"&gt;ALabel&lt;/label&gt;
  
              &lt;div class="controls"&gt;
                  &lt;input id="my-number" type="number"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;    
  </code></pre>
  
  <p>The fiddle is at <a href="http://jsfiddle.net/7VmR9/">http://jsfiddle.net/7VmR9/</a></p>