title: Place part of form-group in different column using Bootstrap Grid
body: <p>I want to place the search button in the column next to the input form using the Bootstrap grid, but since both the "input" tag and "button" tag must be in the div with the "form-group" attribute, this makes things difficult.</p>
  
  <p>This is my original code:</p>
  
  <pre><code>&lt;div class="row"&gt;
              &lt;div class="col-md-12 formMove"&gt;
                  &lt;form id="getposts_form" role="form"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;input type="text" class="form-control searchBar" id="search" name="search" placeholder=""&gt;
                          &lt;button class="btn btn-default searchBtn" type="submit" id="submit "&gt;Search &lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt;
                          &lt;br&gt;&lt;div id="errors"&gt;&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;&lt;!--end row--&gt;
  </code></pre>
  
  <p>And this is my failed attempt with nested columns:</p>
  
  <pre><code>&lt;div class="row"&gt;
              &lt;div class="col-md-12 formMove"&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-10"&gt;
                          &lt;form id="getposts_form" role="form"&gt;
                              &lt;div class="form-group"&gt;
                                  &lt;input type="text" class="form-control searchBar" id="search" name="search" placeholder=""&gt;
                      &lt;/div&gt; &lt;!--I want this closing tag to close "col-md-10", but its closing the "form-group"--&gt;
                      &lt;div class="col-md-2"&gt;
                                  &lt;button class="btn btn-default searchBtn" type="submit" id="submit "&gt;Search &lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/button&gt;
                                  &lt;br&gt;&lt;div id="errors"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/form&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>