title: Bootstrap Customization: Why should I use LESS?
body: <p>I'm considering integrating LESS in my Bootstrap editor (<a href="http://bootply.com" rel="nofollow noreferrer">Bootply.com</a>) to conform to Bootstrap <a href="https://stackoverflow.com/questions/10451317/twitter-bootstrap-customization-best-practices">customization best practices</a>, and support for mixins.</p>
  
  <p>However, I've yet to determine the specific advantages (performance and otherwise) of using LESS over simple CSS overrides. It seems that in the end LESS is compiled to CSS. It seems like LESS will just introduce more maintainence/recompiling tasks as new versions of Bootstrap are introduced.</p>
  
  <p>I know that Bootstrap customization can be done using a custom 'theme.css' after the 'bootstrap.css'. So if you want to change the .navbar color I would just add a few lines to 'theme.css' like..</p>
  
  <pre><code>.navbar-custom .navbar-inner {
     background-color:#444444;
  }
  </code></pre>
  
  <p>And then the markup looks like:</p>
  
  <pre><code>&lt;div class="navbar navbar-custom navbar-fixed-top"&gt;..
  </code></pre>
  
  <p>If this is not a best practice for customization, how does LESS improve on it?</p>