title: How to set form fields size with bootstrap?
body: <p>I am trying to create a form with bootstrap. Here is my source code: </p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;form action="" method="post" id="payment-form" novalidate autocomplete="on"&gt;
  &lt;span class="payment-errors"&gt;&lt;/span&gt;
  
    &lt;div class="form-group"&gt;
      &lt;label for="cc-number" class="control-label"&gt;Card number formatting &lt;small class="text-muted"&gt;[&lt;span class="cc-brand"&gt;&lt;/span&gt;]&lt;/small&gt;&lt;/label&gt;
      &lt;input id="cc-number" type="tel" class="input-lg form-control cc-number" autocomplete="cc-number" placeholder="•••• •••• •••• ••••" required class="col-md-2"&gt;
    &lt;/div&gt;
  
   &lt;div class="form-group"&gt;
      &lt;label for="cc-exp" class="control-label"&gt;Card expiry formatting&lt;/label&gt;
      &lt;input id="cc-exp" type="tel" class="input-lg form-control cc-exp" autocomplete="cc-exp" placeholder="•• / ••" required class="col-md-2"&gt;
    &lt;/div&gt;
  
    &lt;div class="form-group"&gt;
      &lt;label for="cc-cvc" class="control-label"&gt;Card CVC formatting&lt;/label&gt;
      &lt;input id="cc-cvc" type="tel" class="input-lg form-control cc-cvc" autocomplete="off" placeholder="•••" required class="col-md-2"&gt;
    &lt;/div&gt;
  
    &lt;button type="submit" class="btn btn-lg btn-primary"&gt;Submit&lt;/button&gt;
  
    &lt;h2 class="validation"&gt;&lt;/h2&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to do size="30" for fields. But the fields are still too large and this size doesn't affect fields. What changes should I do?</p>