[Solved] Issue with CSS and Javascript Conflicts When Importing New Bootstrap Elements

Question
#1

Hi Vishal,

I hope you’re doing well. After successfully importing the code, I’m encountering a new challenge. Using code from a single source hasn’t been an issue so far, but when I try to install additional bootstrap elements, I find that the existing CSS or Javascript seems to interfere with the new element. As a result, the UI starts behaving unpredictably. Everything is all over the place. Not sure if this is the problem.

Is there a way to add the CSS and Javascript for these new elements in a way that won’t conflict with the existing ones? I’m looking for a solution that ensures the new code doesn’t disrupt the functionality or appearance of the already installed elements.

Hope my question is clear

Best regards,

#2

HI @WillieMak,

If you import different CSS classes then they will definitely interfere with each other.

Better to use one standard CSS and for all other elements, just copy the HTML and only the specific CSS which is meant for that html element (and make sure that the classes names are not conflicting with the existing CSS classes).

Thanks.

1 Like
#3

Hie Vishal…
Thanks for your response. It explains my challenge. I will need to read/study a bit more on CSS. Quite a welcome challenge for an ordinary farmer :rofl:

Thank you

1 Like