Overriding Bootstrap’s CSS

When you want something a bit different. Use Inspect Element.

Image by Nathan Dumlao on Unsplash

As a Software Developer and Trainer, students are often memorized by bootstrap’s abilities.

Bootstrap is a great tool, although implementing your own CSS along with it is important too.

What if you want to use bootstrap, but make a slight adjustment to what bootstrap is doing?

In this short article I will demonstrate how to find and alter, by using your own CSS, one part of one of bootstrap’s classes.

Caveat: Although this is useful at times, if bootstrap changes their implementation, your CSS might break.

Assumptions

• I will assume you are familiar with the basics of using bootstrap.
• I will assume who know how to create your own CSS file.
• I will assume you know how to reference your CSS file in your HTML.

Problem to be solved

On my web site, I have a bootstrap dropdown menu in my bootstrap navbar.

The text in the dropdown list is black or dark gray by default. I’d like it to be white.