title: How to apply scoped stylesheet?
body: <p>Is there any way I can apply <em>bootstrap.css</em> only on a <em>div element</em> ?
  Example: my global class <strong>text-danger</strong> is defined, but for the <strong>#wrapper</strong> I want to apply boostrap.css. So <strong>.text-danger</strong> should have now <em>color: #a94442</em>;</p>
  
  <pre><code>&lt;style&gt;
   .text-danger {
     color:blue;
   }
  &lt;/style&gt;
  
  &lt;div id="wrapper"&gt;
    &lt;style scoped&gt;
      @import url("http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css");
    &lt;/style&gt;
  
    &lt;p class="text-danger"&gt;Some random text&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;p class="text-danger"&gt;Outer text&lt;/p&gt;
  </code></pre>