title: How to change bootstrap's default sizes for the keywords xs sm md lg?
body: <p>According to <a href="http://getbootstrap.com/css/#grid-options" rel="nofollow">http://getbootstrap.com/css/#grid-options</a>, the default cutoffs for xs, sm, md, lg are cut off at 768px, 992px, and 1200px.</p>
  
  <p>Can I still use those columns keyword classes like <code>.col-xs-3</code> without having the widths at which different sizes (e.g. xs sm md lg) are triggered at?</p>
  
  <p>For example, I want xs cutoff point to be 420px instead of 768px, while still being able to use <code>.col-xs-3</code> (instead of having to define custom column widths)</p>