title: Change size of inputs in Bootstrap form-inline
body: <p>I need to narrow size of input in bootstrap 3 because it's too big for my nav-bar. </p>
  
  <p>I tried with </p>
  
  <pre><code>&lt;label class="col-sm-2 sr-only" for=”email"&gt;Email   address&lt;/label&gt; 
  </code></pre>
  
  <p>but it didn't work. Neither with </p>
  
  <pre><code>&lt;div class="col-sm-2 form-group"&gt;
  </code></pre>
  
  <p>Neither with    </p>
  
  <pre><code>&lt;input  type="email" width="60px" class="form-control" id=”email"   placeholder="Email"&gt;
  
  &lt;form class="form-inline"&gt;  
      &lt;div class="form-group"&gt;    
          &lt;label class="sr-only" for=”email"&gt;Email address&lt;/label&gt;    
          &lt;input type="email" class="form-control" id=”email" placeholder="Email"&gt;    
      &lt;/div&gt;  
      &lt;div class="form-group"&gt;        
          &lt;label class="sr-only" for=”password"&gt;Password&lt;/label&gt;      
          &lt;input type="password" class="form-control" id=”password"   placeholder="Password"&gt; 
      &lt;/div&gt;  
      &lt;div class="checkbox"&gt;  
          &lt;label&gt;
          &lt;input type="checkbox"&gt;Remember me&lt;/label&gt;  
      &lt;/div&gt;  
      &lt;buRon type="submit" class="btn btn-default"&gt;Sign in&lt;/buRon&gt;    
  &lt;/form&gt; 
  </code></pre>