title: search form is not taking the entire width of the screen bootstrap css
body: <p>I have an form tag for search function with input and a button. If I place the form on a plain html, the input type and the button spans across the width of the div but if I embed it into the div I am working with, it shrinks to the left. This is the snippet</p>
  
  <pre><code>&lt;div class="col-sm-10" style="min-height:280px"&gt;
  
               &lt;div style="margin-bottom:18px; clear:both;" class="row"&gt;
  
                              &lt;div class="col-lg-7"  &gt;
                            &lt;form class="form-inline" role="form" method="post"
                            action="/grantaccess"&gt;
                          &lt;div class="input-group"&gt;
                              &lt;input name="searchName" type="email" class="form-control search-form" placeholder="Search"&gt;
                             &lt;span class="input-group-btn"&gt;
                             &lt;button type="submit" class="btn search-btn"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;
                              &lt;/button&gt;
                              &lt;/span&gt;
  
                          &lt;/div&gt;
                          &lt;/form&gt;&lt;/div&gt;
  
                          &lt;/div&gt;
  
              &lt;div class="panel panel-default"&gt;
              &lt;div class="panel-body"&gt; 
  
  
                                            &lt;div class="panel panel-default"&gt;
                                                  &lt;div class="panel-heading"&gt;
                                                      RETRIEVED DETAILS
                                                  &lt;/div&gt;
                            &lt;div class="panel-body"&gt;
                                &lt;div class="container"&gt;
  </code></pre>
  
  <p>Please how can I make the form span across the width of the div</p>