title: Bootstrap class "form-inline" Break inside div
body: <p>I´m trying to stop/break the <code>form-inline</code> class inside just one div.<br>
  I have three input fields.<br>
  I´d like the two first one left side, ontop of each other.<br>
  And the third on the rigth side of them.</p>
  
  <p>check Fiddle<br>
  <a href="https://jsfiddle.net/rjc5s1vn/" rel="nofollow">https://jsfiddle.net/rjc5s1vn/</a></p>
  
  <p>This is a pretty large form, so i don´t like to remove form-inline from the parent form.<br></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;form class="form-inline well col-md-10"&gt;
    &lt;!-- Produkt input--&gt;
    &lt;div class="input-group col-md-4 form"&gt;
      &lt;div class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-wrench"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;input id="produkt" name="produkt" type="text" placeholder="Produkt" class="form-control input-sm"&gt;
        &lt;br&gt;
        &lt;div class="input-group-addon"&gt;&lt;i class="glyphicon glyphicon-transfer"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;input id="objekt_lev_dat" name="objekt_lev_dat" type="text" placeholder="Leverans datum" class="form-control input-sm" required&gt;
      &lt;/div&gt;
      &lt;!-- Adress Textarea --&gt;
      &lt;div class="input-group col-md-4"&gt;
        &lt;div class="input-group-addon"&gt;&lt;i class="fa fa-truck"&gt;&lt;/i&gt;&lt;/div&gt;
        &lt;textarea class="form-control" id="objekt_mont_adress" name="objekt_mont_adress" rows="3" placeholder="Adress" required&gt;    &lt;/textarea&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>