How to change the background-color of jumbrotron?

Question

I want to know how to change the background-color of \'jumbotron\' class, it has a default background-color #eee in bootstrap.css.

I tried to override by e

Answer 1

You don't necessarily have to use custom CSS (or even worse inline CSS), in Bootstrap 4 you can use the utility classes for colors, like:

...

And if you need other colors than the default ones, just add additional bg-classes using the same naming convention. This keeps the code neat and understandable.

You might also need to set text-white on child-elements inside the jumbotron, like headings.