title: Disable (exclude) bootstrap for one div on a page
body: <p>I have an application that pulls custom old emails and displays them on a page in DOM. I want to exclude a div that contains this HTML email from bootstrap css. Something like this: </p>
  
  <pre><code>&lt;div class="email_container"&gt;
  &lt;!-- bootstrap CSS shouldn't apply here--&gt;
  &lt;div class="email"&gt;
  &lt;!-- neither here--&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Is there a way this can be done? I did some research and saw people talking about LESS and SASS to solve this but is there a way to do this without them as I don't want to include LESS or SASS in my project just for this purpose. </p>