title: Bootstrap - Remove horizontal navbar lines when collpased
body: <p><strong>Question background:</strong></p>
  
  <p>I have a navbar which features a list of 3 items and finally a search box with an input button. As shown in the image below when the menu is collapsed there are 2 horizontal lines above and below the search box and button that are only partially extended across the menu. I would like them to expand the entire width. Currently I cant see in the CSS where to adjust these lines?</p>
  
  <p><img src="https://i.stack.imgur.com/yaLyX.jpg" alt="enter image description here"></p>
  
  <p><strong>Code:</strong></p>
  
  <p>This is the markup I have for the menu.</p>
  
  <pre><code>            &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
                  &lt;form role="form" class="form-inline"&gt;
                      &lt;div class="form-group"&gt;
                          &lt;ul class="nav navbar-nav"&gt;
                              &lt;li&gt;&lt;a href="@Url.Action("AllCatagories", "Catagory", new { id = 0})" class="scroll-link" data-id="myCarousel"&gt;Products&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="@Url.Action("ViewCartContents", "Cart")" class="scroll-link" data-id="Welcome"&gt;Cart&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="@Url.Action("ContactUs", "Contact")" class="scroll-link" data-id="features"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
  
                      &lt;div class="input-group navbar-form navbar-right "&gt;
                          &lt;input type="text" class="form-control searchInput" name="searchTerm" placeholder="Search this site..." id="searchInput"&gt;
                          &lt;button type="submit" value="click" class="btn btn-default searchBtn form-inline"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;
                      &lt;/div&gt;
  
                      &lt;div class="navbar-form navbar-right hidden-sm hidden-xs"&gt;
                          @Html.Action("MiniCart", "Cart")
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
  </code></pre>