title: How to make a small width input in Bootstrap3 forms
body: <p>I've got a form in bootstrap 3, however I do not know how to make a narrower input.
  In my example I need home number inpout only fot characters (digits).</p>
  
  <p>You can take a look here:
  <a href="http://jsfiddle.net/DTcHh/3346/" rel="nofollow noreferrer">http://jsfiddle.net/DTcHh/3346/</a> (you need to see the results on full screen)</p>
  
  <p>or here:</p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;
  
      &lt;form class="form-horizontal"&gt;
      &lt;fieldset&gt;
  
          &lt;legend&gt;Left column&lt;/legend&gt;
  
          &lt;div class="form-group"&gt;
              &lt;label class="col-md-3 control-label"&gt;Country&lt;/label&gt;
              &lt;div class="col-md-9"&gt;
              &lt;input type="text" id="firma_nip" class="form-control input-md"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
              &lt;label class="col-md-3 control-label"&gt;City&lt;/label&gt;
              &lt;div class="col-md-9"&gt;
              &lt;input type="text" id="firma_nip" class="form-control input-md"&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="form-group"&gt;
            &lt;div class="controls form-inline"&gt;
              &lt;label class="col-md-3 control-label"&gt;Street&lt;/label&gt;
              &lt;div class="col-md-4"&gt;
                  &lt;input type="text" class="form-control input-md input-small" id="inputKey"&gt;
              &lt;/div&gt;
              &lt;div class="col-md-4"&gt;
                  &lt;label for="firma_nip"&gt;No&lt;/label&gt;
              &lt;input type="text" class="form-control input-md" placeholder="Value" id="inputValue"&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
  
          &lt;!-- Button --&gt;
          &lt;div class="form-group"&gt;
            &lt;label class="col-md-3 control-label" for="submit"&gt;&lt;/label&gt;
            &lt;div class="col-md-9"&gt;
              &lt;button id="submit" name="submit" class="btn btn-success"&gt;Add new address&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
  
      &lt;/fieldset&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  
      &lt;div class="col-md-6"&gt;
          ..right column
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>Ideal solution should not use custom classes.
  Is it possible to do in bootstrap?</p>
  
  <p>I would like to have this kind of result:
  <img src="https://i.stack.imgur.com/65hwV.png" alt="enter image description here"></p>