title: Prevent CSS Stylesheet From Applying to Certain Div
body: <p>I am currently using the bootstrap CSS framework for one of the pages on my site. The problem is that the CSS styling that is included with Bootstrap messes up the formatting for my sidebar in that it changes the color, font-size, font-family, etc... Is there a way I can make everything in my sidebar id not affected by bootstrap CSS, even if for example, there are CSS rules for h1 and I have h1 headings in my sidebar?</p>
  
  <p><strong>What I've Tried that did not work</strong></p>
  
  <p>I initially went through Bootstrap CSS and trying to eliminate whatever CSS rules were causing the problem but the CSS was too lengthy, and removing certain styling that was causing the issue had other adverse effects.</p>
  
  <p>I tried customizing what bootstrap styles were downloaded but it still messed up my sidebar</p>
  
  <p>I tried adding inline styling to every element to over-ride Bootstrap styling, but for some reason, the sidebar still didn't look the same.</p>
  
  <p>This leads me to the conclusion that the best solution is to somehow prevent Bootstrap styling from affecting the sidebar. How, if possible can I do this?</p>