# Table coloring

#### 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