title: Multiple form-groups on single row in Bootstrap 4
body: <p>Does anyone know if this kind of thing is possible?</p>
  
  <p>I've tried using inline-group and form-inline but then it doesn't seem to conform to fit the full grid width.</p>
  
  <p>Whereas form-horizontal seems to expect the entire form on one row.</p>
  
  <p>This code creates the desired output (two form controls on one row) but form-groups are required around each one for viewing in sm mode.</p>
  
  <p>NB: This is for a 16 col grid.</p>
  
  <pre><code>&lt;form&gt;
      &lt;div className="form-group row"&gt;
          &lt;!--form group needed here --&gt;
          &lt;label className="col-form-label col-md-2" htmlFor="formGroupExampleInput"&gt;First Name*&lt;/label&gt;
          &lt;div className="col-md-5"&gt;
            &lt;input type="text" className="form-control" id="formGroupExampleInput" placeholder="Example input" /&gt;
          &lt;/div&gt;
  
          &lt;!--form group needed here --&gt;
          &lt;label className="offset-md-2 col-form-label col-md-2" htmlFor="formGroupExampleInput"&gt;Last Name*&lt;/label&gt;
          &lt;div className="col-md-5"&gt;
            &lt;input type="text" className="form-control" id="formGroupExampleInput" placeholder="Example input" /&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I don't think this is a duplicate of:
  <a href="https://stackoverflow.com/questions/22888298/bootstrap-3-how-to-get-two-form-inputs-on-one-line-and-other-inputs-on-individu">Bootstrap 3: How to get two form inputs on one line and other inputs on individual lines?</a></p>
  
  <p>...because this isn't leaving me with full control of grid columns within via form labels etc.</p>