title: Legacy CSS conflicts with Bootstrap - how to resolve?
body: <p>I'm new to Bootstrap, so this might be a naive question for you all.  But I'm sure others have or will have a similar question so here goes.</p>
  
  <p>I'm implementing bootstrap to a site that has been around for quite a while and evolved over the years.  As soon as I add the bootstrap css and js to my html, many elements get messed up.  As far as I can tell, this is attributable to me using the same class names as bootstrap.  For example, I have a class called 'btn' and so does bootstrap.  All my buttons look ugly and/or odd shaped.  The list goes on and on.</p>
  
  <p>Is this pretty much par for the course when people first implement Bootstrap on an existing site?  Is it just a matter of going through the old css files and renaming things? Any elegant solutions out there?</p>