title: Apply CSS Stylesheet to only one Div
body: <p>I have a navbar that I made using the bootstrap CSS. I would like to add it to my website which already has its CSS Stylesheet and when I attach both stylesheets, it conflicts and messes up all my styling. Is there a way I can easily add a CSS Stylesheet and have it only apply to one particular div?</p>
  
  <p>For example, is there a way I could only load the CSS on that id?</p>
  
  <p>Bootstrap CSS is extremely large so I'm hoping there is a way that does not require having to add #myid before each of the hundreds of CSS rules.</p>
  
  <p><strong>Edit</strong> It appears this is being interpreted in the wrong direction. The question is not how can I just get the navbar CSS, because that still messes up other styling. </p>
  
  <p><strong>Is there a way I can put a #mydiv around all CSS rules in a bootstrap stylesheet (for example #mydiv { #header {CSS rule} #content {CSS rule} } so that the rule is only applied to one div or do something similar to that effect?</strong> I know that example wouldn't work, but is there something that can be done similar to that effect to solve my problem?</p>