title: Extending twitter bootstrap to be contained within a parent element
body: <p>I'm probably about to regret what I am trying to do, but hear me out.  I want to incorporate the bootstrap css libary into an existing drupal theme which powers many sites so I can use bootstrap to generate clean forms.  My problem is that I dont want the bootstrap css to negatively affect other portions of my sites.  I was trying to find a way to pull out just the elements of bootstrap that I needed, and the 'customize bootstrap' page on getbootstrap.com is great for this.  However, it doens't help me keep the bootstrap css 'constrained' to just the areas that I want.</p>
  
  <p>What I really want to do is to use teh bootstrap forms.less file, but with the entire file encapsulated into a parent class (like, .bootstrap), so for example, instead of having rules like this:</p>
  
  <p><code>fieldset { whatever }</code></p>
  
  <p>instead, all the rules would look like:</p>
  
  <p><code>.bootstrap fieldset {whatever}</code></p>
  
  <p>Of course, its possible for me to go into the bootstrap source and manually edit the files to give them the .bootstrap class, but then I have to manually keep updating my copy of bootstrap whenever an update comes.</p>
  
  <p>My question is, is there a way (using less/sass?) to generate a version of bootstrap that isn't 'global' in scope, so you can say 'these rules only apply to this parent selector'?</p>