title: How do you manage Bootstrap LESS files for a responsive website?
body: <p>This is a generic question. I'm building a website with Bootstrap that must be responsive. I'd like to know what is the "standard" procedure working on LESS/css.</p>
  
  <p>First, you create css rules for a standard site (for desktop display)? 
  Secondly, you add specific rules for smartphone or tablet in the appropriate LESS files (<code>responsive-767px-max.less</code>, etc)?</p>
  
  <p>The problem is that there are many rules that must be <strong>common</strong> for desktop and smartphone display! Then I should copy these rules in every <code>responsive-xxx.less</code> files. I think this is not too confortable. Maybe the common rules must be written in <code>bootstrap.less</code>, below the @import rules?</p>
  
  <p>In short, I'm curious to know how you manage these things.</p>