title: How to namespace Twitter Bootstrap so styles don't conflict
body: <p>I want to use Twitter Bootstrap, but only on specific elements, so I need to figure out a way to prefix all Twitter Bootstrap classes with my prefix, or use the less mixins. I'm not experienced with this yet so I don't quite understand how to do this. Here's an example of the HTML that I'm trying to style:</p>
  
  <pre><code>&lt;div class="normal-styles"&gt;
    &lt;h1&gt;dont style this with bootstrap&lt;/h1&gt;
    &lt;div class="bootstrap-styles"&gt;
      &lt;h1&gt;use bootstrap&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>In this example, Twitter Bootstrap would normal style both <code>h1</code>s, but I want to be more selective about which areas I apply the Twitter Bootstrap styles.</p>