Background colors
Solid background
bg-* utility class applies to tr.
| # | Class name | Column heading |
|---|---|---|
| 1 | .bg-secondary | Column content |
| 2 | .bg-gray | Column content |
| 3 | .bg-dark | Column content |
| 4 | .bg-primary | Column content |
| 5 | .bg-info | Column content |
| 6 | .bg-success | Column content |
| 7 | .bg-warning | Column content |
| 8 | .bg-danger | Column content |
| 9 | .bg-pink | Column content |
| 10 | .bg-purple | Column content |
| 11 | .bg-brown | Column content |
| 12 | .bg-cyan | Column content |
| 13 | .bg-yellow | Column content |
Pale background
bg-pale-* utility class applies to tr.
| # | Class name | Column heading |
|---|---|---|
| 1 | .bg-pale-secondary | Column content |
| 2 | .bg-pale-gray | Column content |
| 3 | .bg-pale-dark | Column content |
| 4 | .bg-pale-primary | Column content |
| 5 | .bg-pale-info | Column content |
| 6 | .bg-pale-success | Column content |
| 7 | .bg-pale-warning | Column content |
| 8 | .bg-pale-danger | Column content |
| 9 | .bg-pale-pink | Column content |
| 10 | .bg-pale-purple | Column content |
| 11 | .bg-pale-brown | Column content |
| 12 | .bg-pale-cyan | Column content |
| 13 | .bg-pale-yellow | Column content |
Table row borders
You can use border utility classes on <tr> elements.
| # | Class name | Column heading | Column heading |
|---|---|---|---|
| 1 | .bt-3 | Column content | Column content |
| 2 | .bl-3 | Column content | Column content |
| 3 | .br-3 | Column content | Column content |
| 4 | .bb-3 | Column content | Column content |