title: How do I use twitter bootstrap mixins such as .border-radius(10px) in my meteor .less files?
body: <p>This is my <code>main.less</code> file in my meteor app, to which I have already added the <code>bootstrap</code> package.</p>
  
  <pre><code>@import "variables.less";
  @import "mixins.less";
  
  #searchbar {
    .border-radius(10px);
    .box-shadow();
  }
  </code></pre>
  
  <p>But opening the app on <code>http://localhost:3000/</code>, I get this error:</p>
  
  <pre><code>Your app is crashing. Here's the latest log.
  
  Errors prevented startup:
  /Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
  /Users/anup/code/projects/learning/main.less: Less compiler error: .border-radius is undefined
  Your application is crashing. Waiting for file change.
  </code></pre>
  
  <p>Whereas the <code>.span4</code>, <code>.dropdown</code>, and all other bootstrap classes work just fine from my <code>main.html</code> source (which is also in the base directory, alongwith <code>main.less</code>)</p>
  
  <p>How do I use the bootstrap mixins in <code>main.less</code>?</p>
  
  <p>UPDATE:
  Amazingly, if I put this in <code>main.less</code></p>
  
  <pre><code>@import "variables.less";
  @import "mixins.less";
  
  #searchbar {
  }
  </code></pre>
  
  <p>Then the error changes to</p>
  
  <pre><code>Your app is crashing. Here's the latest log.
  
  Errors prevented startup:
  /Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.
  
  /Users/anup/code/projects/learning/main.less: Less compiler error: 'variables.less' wasn't found.
  
  Your application is crashing. Waiting for file change.
  </code></pre>