title: Bootstrap text input length automatically adjust
body: <p>How do I set the length of a textbox <code>input</code> When I set it like in ASP.net MVC</p>
  
  <pre><code>&lt;div class="form-group"&gt;
         @Html.TextBoxFor(m =&gt; m.FirstName, new { style = "width:550px", @class = "form-control" })
     &lt;/div&gt;
  </code></pre>
  
  <p>the length is set to 550px, put on mobile display the text input doesn't shrink. If I remove the 550px, the text input is 100% long all the way across the screen and it adjusts on mobile screen.</p>
  
  <p>I want the input at a reasonable length at 550px and I want it to shrink on a mobile display automatically.</p>
  
  <p>Is there a way to automatically shrink this input box on mobile display in Twitter Bootstrap?</p>