Geek Answers Handbook

Convert to bootstrap for an existing web application

I was looking for a conversion of an existing web application that uses specially crafted css without a style guide on using bootstrap. The web application uses a template system that allows me to easily create a prototype template that used bootstrap. However, many pages of the site break / have css conflicts when using the bootstrap template. For those who have successfully implemented loading into your applications, how did you do it?

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

Thanks!

+6
source share
2 answers

Twitter loading an existing site requires the following:

  • modify the HTML so that it is structured the way it should be loaded into bootstrap css
  • add boot CSS file (and JS file)
  • remove most of your custom CSS (leaving only very specific CSS definitions)

it does not require an all-or-nothing approach if you know how to manipulate the bunker to look like your old design, otherwise yes, you should make the most of it before putting it into production.

+3
source

I am using Bootstrap Twitter base with local overrides.

I am using the individual LESS implementation of Bootstrap 3 , following this Smashing Magazine article to fit existing styles as well as possible. This makes it easy to upgrade Bootstrap while maintaining your settings. This way I have all the basic font-size and border-radius etc ..

I keep my old style sheet, which still undoes everything to fit the old site as much as possible, to resolve conflicts when I go.

The biggest problem is to make sure the grid is consistent.

Over time, I delete sections of the old style sheet and just leave customized Bootstrap.

0
source

More articles:


All Articles