title: Importing bootstrap.less file
body: <p>I don't know what I'm doing wrong... </p>
  
  <p>I have a simple folder system:</p>
  
  <pre><code>   |_ JS
     |  |_ bootstrap.min
     |_ SOURCE
     |  |_ BOOTSTRAP
     |  |  |_ *.less (all bootstrap 3.3.4 .less files copied form the bootstrap less folder
     |  |_ style.less
     |_ index.html
  </code></pre>
  
  <p>where the 'style.less' file looks as follows:</p>
  
  <pre><code>// Bootstrap LESS
  @import 'bootstrap/bootstrap.less';
  </code></pre>
  
  <p>and I have a simple index.html file:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;TODO supply a title&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  
      &lt;link rel="stylesheet" href="source/style.less" type="text/less"&gt;
  
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/less.js/2.5.0/less.min.js"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-6"&gt;
                  text 1
              &lt;/div&gt;
              &lt;div class="col-md-6"&gt;
                  text 1
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>in this compilation it doesn't work :( </p>
  
  <p>but if I change the href source from:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="source/style.less" type="text/less"&gt;
  </code></pre>
  
  <p>to:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="source/bootstrap/bootstrap.less" type="text/less"&gt;
  </code></pre>
  
  <p>all the code works fine... what is wrong? I have no idea... please help! :)</p>