Converting to bootstrap for existing web app

Question

I've been looking into converting an existing web application that uses custom designed css with no style guide into using bootstrap. The web app uses a templating system that let me easily create a prototype template that used bootstrap. However, many of the pages of the site break/ have css conflicts when using the bootstrap template. For anyone out there who has successfully implemented bootstrap into your apps, how did you do it?

I would like to slowly integrate the bootstrap template into the site over the period of a few months with incremental integration and deployment. Is this reasonable or have you found it requires an "all or nothing" approach?

Thanks!

Answer 1

Twitter bootstrapping an existing site requires you do the following:

1. change the HTML to be structured the way bootstrap's css needs it to be
2. add the bootstrap CSS file (and JS file too)
3. remove most of your custom CSS (leaving only very specific CSS definitions)

it does not require an all-or-nothing approach if you are good at manipulating the boostrap to look like your old design, otherwise, yes, you should do most of it before releasing it into production.