Bootstrap inverse table and thead not styling correctly

twitter-bootstrap html-table css-tables
Bradley Parker picture Bradley Parker · Feb 5, 2016 · Viewed 32.2k times · Source

While working on a Bootstrap-based project, I came across a strange issue where some of the styling was being overridden by the user agent stylesheet (in Chrome and Firefox). I found this related issue, which was solved by including the <!DOCTYPE html> tag I had initially omitted. But now I can't get the .table-inverse, .thead-inverse, or .thead-defaultclasses to shade my table headers. As far as I understand, I have all the necessary rows, containers, etc in place.

Why isn't the shading working?

View on JSFiddle

Answer

superbeck picture superbeck · Oct 24, 2017

For anyone like me finding this thread but using Bootstrap 4.0.0-beta.2 or later, table-inverse and thead-inverse have been replaced with -dark per the version release information linked here

Related questions

How to set up fixed width for <td>?

Simple scheme: <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> I need …

Read More
Table fixed header and scrollable body

I am trying to make a table with fixed header and a scrollable content using the bootstrap 3 table. Unfortunately the solutions I have found does not work with bootstrap or mess up the style. Here there is a simple bootstrap …

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

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

Read More