title: Increasing Bootstrap navbar search form width
body: <p>This is only the second time I've used stackoverflow so please forgive me if I make any mistakes.</p>
  
  <p>I'm having an issue increasing the width of the default Bootstrap navbar search form. I have tried some of the solutions I've seen on stackoverflow, however nothing seems to work.</p>
  
  <p>Please see: <a href="http://jsfiddle.net/94zkLh8j/1/" rel="noreferrer">http://jsfiddle.net/94zkLh8j/1/</a></p>
  
  <pre><code>&lt;nav class="navbar navbar-inverse navbar-fixed-top"&gt;
              &lt;div class="container"&gt;
                  &lt;div class="navbar-header"&gt;
                      &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" class="read-more" data-target="#bs-example-navbar-collapse-1"&gt;
                          &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;span class="icon-bar"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;a class="navbar-brand" href="#"&gt;Vouchipster&lt;/a&gt;
                  &lt;/div&gt;
                  &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
                      &lt;form class="navbar-form navbar-right" role="search"&gt;
                          &lt;div class="form-group"&gt;
                              &lt;div style="display:table;" class="input-group"&gt;
                                  &lt;input type="text" class="form-control" placeholder="Search for retailers, categories or products"&gt;
                                  &lt;span class="input-group-btn"&gt;
                                      &lt;button class="btn btn-green" type="button"&gt;&lt;i class="fa fa-search"&gt;&lt;/i&gt;&lt;/button&gt;
                                  &lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/nav&gt;
  </code></pre>