title: resize buttons responsively in bootstrap
body: <p>I'm using bootstrap, and the CSS is responsive, so it scales down nicely on smaller devices. However, I would like buttons to shrink too when the viewport is smaller (eg. on mobile).</p>
  
  <pre><code>&lt;button name="button" type="submit" id="edit_button-46" class="btn btn-default" value="edit" &gt;Edit&lt;/button&gt;
  </code></pre>
  
  <p>Basically on smaller devices, the class btn-xs should be added to all buttons.</p>
  
  <p>I can probably accomplish this via Jquery, but was wondering if bootstrap already had this functionality?</p>