title: Using Bootstrap, how do I position labels to the left of the input box when there are multiple inputs on the same row
body: <p>I have a row with three inputs, two of the inputs have labels to their left. What is happening is the label is being displayed on top of the input box rather than to the side, like so:</p>
  
  <p><a href="https://i.stack.imgur.com/VsKQ5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VsKQ5.png" alt="enter image description here"></a></p>
  
  <p>Here is what I am trying to achieve:
  <a href="https://i.stack.imgur.com/JgFp9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JgFp9.png" alt="enter image description here"></a></p>
  
  <pre><code>        &lt;div class="row"&gt;
              &lt;div data-bind="foreach: items" class="padding-left-lg"&gt;
                  &lt;div class="col-sm-4"&gt;
                      &lt;input type="text" data-bind="value: Description,valueUpdate: 'afterkeydown'" class="form-control"/&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;
                      &lt;label class="control-label"&gt;
                          Quantity: &lt;input type="text" data-bind="value: Quantity,valueUpdate: 'afterkeydown'" class="form-control"/&gt;
                      &lt;/label&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-1"&gt;
                      &lt;input type="text" data-bind="value: Units,valueUpdate: 'afterkeydown'" class="form-control"/&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>