title: HTML/CSS: Boostrap3 div placement with 2 on left, 1 on right
body: <p>I have three <code>div</code>s on my page and I want them to be placed with two smaller <code>div</code>s on the left and a bigger <code>div</code> on the right (see picture).  Right now, the third <code>div</code> is being placed on a different row, below the second div.</p>
  
  <p>How can I move that third <code>div</code> up?</p>
  
  <p>PS- The <code>div</code>s can be rearranged if necessary.  I just want the two smaller ones on the left and the larger one on the right.</p>
  
  <p><img src="https://i.stack.imgur.com/LFMRO.png" alt="div placement"></p>
  
  <p><strong>Live Example:</strong> <a href="http://jsfiddle.net/Larf3/" rel="nofollow noreferrer">http://jsfiddle.net/Larf3/</a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;
          &lt;div class="content"&gt;
              &lt;h2&gt;DIV 1
              &lt;/h2&gt;
          &lt;form class="form-income form-horizontal" role="form" method="post" action="/profile/update"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="paycheck" class="control-label col-sm-3"&gt;Paycheck/Salary&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="paycheck" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="investments" class="control-label col-sm-3"&gt;Investments&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
            &lt;input type="text" class="form-control" id="investments" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="otherIncome" class="control-label col-sm-3"&gt;Other&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="otherIncome" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;button class="btn btn-lg btn-primary btn-block" id="update-income" type="submit" &gt;Update&lt;/button&gt;
      &lt;div class="resultsIncome"&gt;&lt;/div&gt;
  &lt;/form&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-md-6"&gt;
          &lt;div class="content"&gt;
              &lt;h2&gt;DIV 2
              &lt;/h2&gt;
          &lt;form class="form-expenses form-horizontal" role="form" method="post" action="/profile/update"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Rent/Mortgage&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Utilities&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Groceries&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Automobile&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Loans/Debt&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Credit Card&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Insurance&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Personal Care&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Entertainment&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="" class="control-label col-sm-3"&gt;Other&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;button class="btn btn-lg btn-primary btn-block" id="update-expenses" type="submit"&gt;Update&lt;/button&gt;
      &lt;div class="resultsExpenses"&gt;&lt;/div&gt;
  &lt;/form&gt;
  
          &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;div class="col-md-6"&gt;
          &lt;div class="content"&gt;
              &lt;h2&gt;DIV 3
              &lt;/h2&gt;
          &lt;form class="form-income form-horizontal" role="form" method="post" action="/profile/update"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="paycheck" class="control-label col-sm-3"&gt;Paycheck/Salary&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="paycheck" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="investments" class="control-label col-sm-3"&gt;Investments&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt;
            &lt;input type="text" class="form-control" id="investments" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="otherIncome" class="control-label col-sm-3"&gt;Other&lt;/label&gt;
          &lt;div class="input-group input-group-lg col-sm-9"&gt; 
              &lt;span class="input-group-addon"&gt;$&lt;/span&gt; 
            &lt;input type="text" class="form-control" id="otherIncome" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;button class="btn btn-lg btn-primary btn-block" id="update-income" type="submit" &gt;Update&lt;/button&gt;
      &lt;div class="resultsIncome"&gt;&lt;/div&gt;
  &lt;/form&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>