#### Table coloring

#### Primary Table

###### To use add class `.bg-primary` in the `<thead>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Success Table

###### To use add class `.bg-success` in the `<thead>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Info Table

###### To use add class `.bg-info` in the `<thead>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Warning Table

###### To use add class `.bg-warning` in the `<thead>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Danger Table

###### To use add class `.bg-danger` in the `<thead>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Inverse Table

###### To use add class `.bg-inverse` in the `<thead>`.

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Primary Table

###### To use add class `.bg-primary` in the `<thead>` and add class `.b-1 .border-primary` in `<table>`

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Success Table

###### To use add class `.bg-success` in the `<thead>` and add class `.b-1 .border-success` in `<table>`

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Info Table

###### To use add class `.bg-info` in the `<thead>` and add class `.b-1 .border-info` in `<table>`

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Warning Table

###### To use add class `.bg-warning` in the `<thead>` and add class `.b-1 .border-warning` in `<table>`

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Danger Table

###### To use add class `.bg-danger` in the `<thead>` and add class `.b-1 .border-danger` in `<table>`

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Inverse Table

###### To use add class `.bg-dark` in the `<thead>` and add class `.b-1 .border-dark` in `<table>`

# | First Name | Last Name | Username
--- | --- | --- | ---
1 | Nigam | Eichmann | @Sonu
2 | Deshmukh | Prohaska | @Genelia
3 | Roshan | Rogahn | @Hritik

#### Background colors

##### Solid background

`bg-*` utility class applies to tr.

# | Class name | Column heading
--- | --- | ---
1 | .bg-secondary | 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

#### 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 | .bs-3 | Column content | Column content
3 | .be-3 | Column content | Column content
4 | .bb-3 | Column content | Column content

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

#### 10:10

Morbi quis ex eu arcu auctor sagittis.

by Johne

#### 08:40

Proin iaculis eros non odio ornare efficitur.

by Amla

#### 07:10

In mattis mi ut posuere consectetur.

by Josef

#### 01:15

Morbi quis ex eu arcu auctor sagittis.

by Rima

#### 23:12

Morbi quis ex eu arcu auctor sagittis.

by Alaxa

##### Tasks Overview

Project Briefing Project Manager
Concept Design Art Director
Functional Logics Lead Developer
Development DevOps
Testing QA Managers

##### Messages

Duis faucibus lorem Pharetra, Nulla
+125$
Mauris varius augue Pharetra, Nulla
+125$
Aliquam in magna Pharetra, Nulla
+125$
Phasellus venenatis nisi Pharetra, Nulla
+125$
Vivamus consectetur Pharetra, Nulla
+125$

##### Support

Enable Notifications:
Enable Case Tracking:
Support Portal:

##### Overview

Generate Overview:
Enable Overview Export:
Allow Data Collection:

##### Users

Enable Users singup:
Allow User Feedbacks:
Enable Users Portal:
Mayra Sibley
Active
Mayra Sibley

2 Hours

Hi there, I'm Jesse and you?
You

3 minutes

My name is Anne Clarc.
Mayra Sibley

40 seconds

Nice to meet you Anne.
How can i help you?