How can I get less.js and bootstrap to work?

Question

I'm trying to get bootstrap and less.js working but I can't succeed... I have not worked much with less in the past, so I'm wondering if I'm missing something... It is runing on a synology server. On runtime it seems to generate the boostrap css as it should "less:sandbox-css-bootstrap" is append to the html but it does'nt get the value from variables.less

Here's my head

<meta charset="utf-8">   

<style>
 body {
    padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
  }
</style>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/bootstrap.js"></script>
<link rel="stylesheet/less" type="text/css" href="css/bootstrap.less">  
<script type="text/javascript" src="js/less-1.3.3.min.js"></script>


<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
  <script src="../assets/js/html5shiv.js"></script>
<![endif]-->

Does anyone know what am I doing wrong? Thanx in advance

Answer 1

Change the order of your initialization. Place dependencies above the others. like place bootstrap.less above all other CSS's