BEM with Bootstrap // Custom Themes

[dN-iL]

Hi guys!

We're using Twitter Bootstrap and a custom Theme for our Web App, but (or should I say "therefore") over time our CSS got really messy and so we are looking into Object Oriented CSS such as BEM to solve our CSS issues.

At the moment, our HTML is full with Bootstrap classes and classes from our theme, which both are used by some Java Script functions. This makes it hard for us to simply replace these class names with BEM class names.

Can you provide any advice how to move forward from our situation? Also for the future, how do you integrate predefined plugins into BEM and how do you handle updates of frameworks you use?

Thanks for any help and best regards,

Daniel