Using !important is something I try to avoid as much as possible. When I downloaded Bootstrap 3.0, I made sure to include the call to the .css file AFTER my core style sheet so that any changes I make to elements like .h1, h1{} take precedence over Bootstrap's styles.
However, this did not work as expected. In Chrome, Bootstrap was still overriding my styles. The only way to fix this was by using !important, which goes against best practices.
Does anyone have suggestions on how to resolve this issue without relying on !important? Modifying the bootstrap.css file directly is not an option since other parts of the site rely on it as is, while some sections require customizations.