title: Bootstrap Search Input Dynamically Center
body: <p>I have a search box in a Bootstrap navbar. When I move the screen the content is in the center, but the search box is not. How do I make it so the navbar shifts to the center as the window shrinks or grows? <strong>EDIT:</strong> Here is a bootply of my navbar: <a href="http://www.bootply.com/3n1JFSOHPW" rel="nofollow">http://www.bootply.com/3n1JFSOHPW</a></p>
  
  <pre><code>&lt;div class="search" style="margin:auto; text-align:center;"&gt;
      &lt;form class="navbar-form navbar-left" role="search" id="searchform"&gt;
          &lt;div class="form-group" id="the-basics"&gt;
              &lt;input type="text" id="searchbox" class="form-control typeahead" placeholder="Search TextNotes" style="border-top-right-radius: 0px; border-bottom-right-radius: 0px; margin:0 auto;" onfocus="change_button_color()" onblur="button_color_reset()" autocomplete="off" data-provide="typeahead"&gt;
          &lt;/div&gt;
          &lt;button id="searchbutton" type="submit" class="btn btn-default" style="margin-left:-4px;border-top-left-radius: 0px; border-bottom-left-radius:0px;"&gt;&lt;span class="glyphicon glyphicon-search"&gt;&lt;/span&gt;&lt;/button&gt;
       &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>