title: Overriding bootstrap variables doesn't seem to work
body: <p>I'm trying to override he column widths in bootstrap. As suggested in bootstrap_and_overrides.less, this is where I'm supposed to override them:</p>
  
  <pre><code>// Since bootstrap was imported above you have access to its mixins which
  // you may use and inherit here
  //
  // If you'd like to override bootstrap's own variables, you can do so here as well
  // See http://twitter.github.com/bootstrap/less.html for their names and documentation
  // Example:
  // @linkColor: #ff0000;
   @gridColumnWidth : 55px;
   @gridGutterWidth: 43px;
  </code></pre>
  
  <p>When I restart the server and reload the page, the css generated does not change and the span widths remain unchanged.</p>
  
  <p>Do I need to recompile the less file in order for the change to be effective? How do I do that?</p>
  
  <p>Thanks in advance!</p>