Jump to content

My bootstrap code makes mess in my CSS code


Recommended Posts


After I used bootstrap in my project, I recognized that it makes problems in my CSS file.  Every parameter that I used in my CSS file is misplaced when I use Bootstrap. 

When I comment my Bootstrap file, everything is OK. 

What should I do in order these two files to works independently?

Link to comment
Share on other sites

12 hours ago, dsonesuk said:

Bootstrap uses !important A LOT! so you have to do the same and use this to overide bootstrap properties using !important.

dsibesuk, thank you for your answer.

I know that bootstrap use !important, but I don`t understand you what should I do? What does it means to overide bootstrap properties? 

Do you mean I should use !important in my style.css file?

Do you mean I should remove !important from bootstrap file?

Also, I tried to set my style.css file after the bootstrap, but with no success.

I tried to use !important in my style.css file - no success.

Edited by Peter1990
Link to comment
Share on other sites

YES! Your stylesheet should always follow bootstrap, check an element through web development tools F12, check elements for bootstrap styling, make note of bootstrap selector, style how you want it and if required add !important. Web developer will let you edit stylesheet live, without actually changing anything, therefore you changr, turn off the styling until you get result you require, it even list the changes you have made to achieve that result, although you have to enable it first.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...