title: How do I get started with customizing Bootstrap 3 with LESS?
body: <p>I've just downloaded Bootstrap 3 from <a href="https://github.com/twbs/bootstrap" rel="noreferrer">https://github.com/twbs/bootstrap</a>. I'm watching this tutorial: <a href="http://www.youtube.com/watch?v=I6EPArp4csA" rel="noreferrer">http://www.youtube.com/watch?v=I6EPArp4csA</a>. How exactly do I get started with modifying the LESS files? </p>
  
  <p>What I did was to copy these directories: LESS, dist/css dist/fonts dist/js and create my new project. The current project folder looks like this:</p>
  
  <pre><code>css
  less
  js
  index.html
  </code></pre>
  
  <p>with the HTML file having this at the top:</p>
  
  <pre><code>&lt;link rel="stylesheet/less" type="text/css" href="less/my_site.less"/&gt; //only contains @import "bootstrap.less";
  &lt;script src="js/less.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="js/bootstrap.min.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Now when I try to modify one of the variables in variables.less and compile it with SimpLESS there's a Syntax Error: carousel.less. What gives? When I comment out "carousel.less", another problem pops up with dropdown.less. So maybe it has something to do with the mixins? Anybody have an idea on how I get started on moving on with this?</p>