can't link external css when bootstrap is linked

Question

I'm trying to link my external css file but it's not running when I'm linking bootstrap. It gets linked when I comment out the bootstrap link.

body {
  background-color: black;
  font-size: 200px;
}





  
  
  
  document
  
  




  it's not working.

user_8627975 · Answer

you should link bootstrap above your own css files

css is cascading so the lower file is more important and can rewrite the upper ones

use !important if replacing your link tags didn't work

user_17153465 · Answer

Some items require !important to be placed with them in order to over-ride Bootstrap commands.

I can't honestly remember you whether the background or font-size commands on your body element requires it or not but I've used it below as an example.

Add the same thing to any of your custom CSS commands that don't seem to be working.

body {
  background-color: black !important;
  font-size: 200px !important;
}

can't link external css when bootstrap is linked

2 Answers