title: Bootstrap Responsive Inline Form
body: <p>I have a Bootstrap inline-form that is 6 inputs then a button. It looks fine if it all fits on the screen, but as you make the screen smaller, the inputs fold underneath one at a time. I have tried wrapping each input in a col-md-2, but that makes the form look weird. I'm not sure if I'm doing something wrong.<br>
  Is there some way I can group the inputs together so that they collapse something like 6x1, 3x2, 2x3, 1x6? </p>
  
  <p><div class="snippet" data-lang="js" data-hide="true" data-console="true" data-babel="false">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /&gt;
  &lt;div class="container"&gt;
    &lt;form class="form-inline"&gt;
      &lt;div class="form-group"&gt;
        &lt;input name="input1" placeholder="input1" class="form-control" required&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
        &lt;input name="input2" type="number" placeholder="input2" class="form-control" step="any" required&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;label for="input3"&gt;Input 3
          &lt;input name="input3" type="checkbox" id="input3"&gt;
        &lt;/label&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
        &lt;input name="input4" type="number" placeholder="input4" class="form-control" step="any" required&gt;
      &lt;/div&gt;
      &lt;div class="form-group" *ngIf="!property.input3"&gt;
        &lt;input name="input5" type="number" placeholder="input5" class="form-control" required&gt;
      &lt;/div&gt;
  
      &lt;div class="form-group"&gt;
        &lt;input name="input6" type="number" placeholder="input6" class="form-control" step="any"&gt;
      &lt;/div&gt;
  
      &lt;button class="btn btn-default"&gt;Add&lt;/button&gt;
    &lt;/form&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If running the code, you will have to resize the window.<br>
  I have also set up a <a href="https://jsfiddle.net/bebhutpq/" rel="nofollow noreferrer">fiddle for the inline-form</a></p>
  
  <p>Thanks</p>