title: Bootstrap 4 Layout not working as expected when used with forms
body: <p>I am working with Bootstrap 4 on a form. Now, when using the form along with the grid classes, it does not actually work like its supposed to. The output can be seen here <a href="http://www.henryspike.tk/testform" rel="nofollow noreferrer">http://www.henryspike.tk/testform</a></p>
  
  <p>What I had expected was to see the whole 12 columns divided into 4-4-4 each containing an input field but it stacks up.</p>
  
  <pre><code>&lt;div class="row"&gt;
                      &lt;div class="col-md-12 offset-md-1"&gt;
                          &lt;div class="row"&gt;
                              &lt;form class="form"&gt;
                                  &lt;div class="col-md-4"&gt;
                                      &lt;div class="form-group"&gt;
                                          &lt;label for="name"&gt;Name&lt;/label&gt;
                                          &lt;input class="form-control" type="text" name="name" id="name" placeholder="eg. John Doe" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="col-md-4"&gt;
                                      &lt;div class="form-group"&gt;
                                          &lt;label for="email"&gt;Name&lt;/label&gt;
                                          &lt;input class="form-control" type="email" name="email" id="email" placeholder="someone@example.com" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="col-md-4"&gt;
                                      &lt;div class="form-group"&gt;
                                          &lt;label for="username"&gt;Name&lt;/label&gt;
                                          &lt;input class="form-control" type="text" name="username" id="username" placeholder="eg. JDoe12" required&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/form&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>