title: React Bootstrap - Button to be inline with text input with label overhead
body: <p>My react bootstrap code below results in the submit button being out of line with the input fields which have labels overhead - Is there a way to get the submit button in line with the text fields</p>
  <p><a href="https://i.stack.imgur.com/Bcvp2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Bcvp2.png" alt="enter image description here" /></a></p>
  <pre><code>    return (
          &lt;Form&gt;
              &lt;Form.Row&gt;
                  &lt;Form.Group as={Col} controlId=&quot;formGridEmail&quot;&gt;
                      &lt;Form.Label&gt;Email&lt;/Form.Label&gt;
                      &lt;Form.Control type=&quot;email&quot; placeholder=&quot;Enter email&quot; /&gt;
                  &lt;/Form.Group&gt;
  
                  &lt;Form.Group as={Col} controlId=&quot;formGridPassword&quot;&gt;
                      &lt;Form.Label&gt;Password&lt;/Form.Label&gt;
                      &lt;Form.Control type=&quot;password&quot; placeholder=&quot;Password&quot; /&gt;
                  &lt;/Form.Group&gt;
  
                  &lt;Form.Group as={Col} controlId=&quot;formButton&quot;&gt;
                      &lt;Button&gt;Submit&lt;/Button&gt;
                  &lt;/Form.Group&gt;
              &lt;/Form.Row&gt;
          &lt;/Form&gt;
       );
     }
  </code></pre>