Bootstrap 4 Table background The contextual classes that can be used are:
| Class | Description | 
|---|---|
| .table-primary | Blue: Indicates an important action | 
| .table-success | Green: Indicates a successful or positive action | 
| .table-danger | Red: Indicates a dangerous or potentially negative action | 
| .table-info | Light blue: Indicates a neutral informative change or action | 
| .table-warning | Orange: Indicates a warning that might need attention | 
| .table-active | Grey: Applies the hover color to the table row or table cell | 
| .table-secondary | Grey: Indicates a slightly less important action | 
| .table-light | Light grey table or table row background | 
| .table-dark | Dark grey table or table row background | 
Table DarkAdd Class .table-dark .table-striped
                            
                            | # | First | Last | Handle | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Table head DarkAdd Class .thead-dark
                            | # | First | Last | Handle | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Table head LightAdd Class .thead-light
                            | # | First | Last | Handle | 
|---|---|---|---|
| 1 | Mark | Otto | @mdo | 
| 2 | Jacob | Thornton | @fat | 
| 3 | Larry | the Bird | 
Solid Color background Add Class .bg-pink 
                            | # | First Name | Last Name | Class name | 
|---|---|---|---|
| 1 | Mark | Otto | .bg-blue | 
| 2 | Jacob | Thornton | .bg-indigo | 
| 3 | Larry | the Bird | .bg-red | 
| 4 | Larry | Jellybean | .bg-orange | 
| 5 | Larry | Kikat | .bg-green | 











 
                    