title: Bootstrap align inputs side by side
body: <p>I am trying to align two inputs side by side using bootstrap. Testing of regular divs as follows works great:</p>
  
  <pre><code>&lt;div class="row"&gt;
  &lt;div class="col-md-4"&gt;.col-md-4&lt;/div&gt;
  &lt;div class="col-md-4 col-md-offset-4"&gt;.col-md-4 .col-md-offset-4&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this always pushes to the second input below the first. </p>
  
  <pre><code>&lt;div class="row"&gt;
              &lt;div class="col-md-2 input-group"&gt;
                  &lt;span class="input-group-addon"&gt;Income $&lt;/span&gt;
                  &lt;input type="number" id="income" class="form-control" placeholder="0"&gt;
                  &lt;span class="input-group-addon"&gt;.00&lt;/span&gt;
              &lt;/div&gt;
              &lt;div class="col-md-2 col-md-offset-2 input-group"&gt;
                  &lt;span class="input-group-addon"&gt;Mortgage Payment $&lt;/span&gt;
                  &lt;input type="number" id="mortgagepayment" class="form-control" placeholder="0"&gt;
                  &lt;span class="input-group-addon"&gt;.00&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Any clues?</p>