Adding CSS to modify Bootstrap

Adding CSS to modify Bootstrap


Hi, I’m trying to change the color of the text in h3. The Bootstrap default script that I inserted into my html section in codepen is overriding the code that I have in the CSS section. I think the way codepen is setup in which the CSS and the html sections are separated is giving me this problem because I think the CSS section is passed by codepen to the browser first and then the Boostrap script is executed second. I cut and paste the same code into a text editor and opened it and i was able to get it to work.

How can I overrider the Bootstrap script in codepen? I’m using codepen because I want to retain the testing script and I wasn’t able to get the script to work when I included it in my code on a regular text-editor.

Thanks in advance for all the help.

Here’s my code and I want to change the h3 “Introduction” text .


Not a bootstrap expert, and I avoid it because of this problem, but I believe there are two ways to accomplish this:

  1. You can modify the bootstrap.css file yourself and host the modified one.
  2. You can use the !important modifier.


Thanks, I’ll give it a try.


Let me know if it works. I think option #2 is far easier, and what I’ve incidentally read others doing (and complaining about) on the web.


Yes, it works, thanks for the help.


The site looks solid, but why is there a react icon when its a bootstrap doc page?


I started with react but there was just too much material to cover so I decided to change it over to Bootstrap