I've a social website like 'Facebook' which is developed entirely in PHPFox version 3.0.7(a social networking platform created in php).
The website looks similar to 'Facebook' and most of it's functionalities resembles the functionalities of 'Facebook'.
Now to make the site looking better I want to integrate new HTML template designs that are developed using Bootstrap (front-end framework)
I've few HTML pages developed by HTML designer using Bootstrap framework. Now I've to integrate those HTML templates into my website which is developed in PHPFox.
While doing so the existing functionalities of the website should remain intact. In other words, the current jQuery/AJAX functionalities should not be changed, they should also work with the new HTML design. Now here comes the major challenge for me. How should I avoid the conflicts between ids and classes which are already been used by current CSS/theme/jQuery/AJAX and the new ids/classes that would going to be applied from Bootstrap framework? Anyhow ultimately already working functionalities shouldn't get affect.
I'm so much clueless about what appropriate approach should I follow to make this new UI design integration. There is not much information available in the PHPFox Documentation too. Even I don't know whether it's possible to do so or not. Please guide me.
If this new Bootstrap template integration can't be done please explain me in detail why?
I searched the internet a lot about this but couldn't get the satisfactory solution. If someone could help me by providing the right direction/approach/step-by-step instructions/guidance/guidelines/tutorial for this it would be really helpful to me.
How should I make this process of changing UI design smoother and easier? Using the already developed HTML templates am I following the wrong approach?
Also, currently there are two themes used in the website. What should be done to them when the Bootstrap template will be integrated into the website? How to manage these things since they are part of admincp panel of PHPFox?
Please help me by answering my doubts.