Bootstrap table striped: How do I change the stripe background colour?

Question

With Bootstrap class table-striped, every other row in my table has a background colour equal to #F9F9F9. How can I change this colour?

Answer 1

You have two options, either you override the styles with a custom stylesheet, or you edit the main bootstrap css file. I prefer the former.

Your custom styles should be linked after bootstrap.

In custom.css

.table-striped>tr:nth-child(odd){
   background-color:red;
}