title: wrap a .less css definitions in a namespace
body: <p>I wanted to use twitter bootstrap CSS only in a specific element in my web page. </p>
  
  <p>I tried to do it like in code below. But after compiling this to a css file nothing was outputted. If I moved <code>@import</code> outside <code>#my_div</code> then I got all css definitions for twitter boostrap.</p>
  
  <pre><code>#my_div {
      @import "../twitter_bootstrap/lib/bootstrap.less";
  }
  </code></pre>
  
  <p>How can I namespace a <code>less css</code> file?</p>