title: CSS no-conflict styles
body: <p>What's a good way to create a no-conflict version of a CSS stylesheet? Let's say you have a bunch of code with classes that overlap with Bootstrap's classes.</p>
  
  <p>Is this valid: adding a <code>class="bootstrap"</code> to the ancestor element under which bootstrap styles should be applied, and then changing <code>bootstrap.css</code> to prefix every <code>rule {}</code> with <code>.bootstrap rule {}</code>?</p>