title: Bootstrap responsive input form fields
body: <p>I am using .input-lg to make the form fields large. My expectation is that when the viewport shrinks (less than 768px by bootstrap default), that the form fields would become smaller and take on the normal  settings, but they are not. Any ideas? Does bootstrap handle this scenario?</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>HTML</p>
  
  <pre><code>   &lt;form class="form-inline" role="form"&gt;
        &lt;div class="form-group"&gt;
           &lt;label class="sr-only" for="searchZipcode"&gt;Zipcode&lt;/label&gt;
           &lt;input type="text" class="form-control input-lg input-search" id="searchZipcode" placeholder="Zipcode of home?"&gt;
        &lt;/div&gt;
     &lt;/form&gt;
  </code></pre>