Basic table

For basic styling add the base class `.table` to any `<table>`.

# | Name | Company | Engine
--- | --- | --- | ---
1 | Firefox | Mozilla | Gecko
2 | Chrome | Google | WebKit
3 | Internet Explorer | Microsoft | Trident
4 | Safari | Apple | WebKit

Striped rows

Use `.table-striped` to add zebra-striping to any table row within the `<tbody>`.

# | Name | Homepage | Description
--- | --- | --- | ---
1 | Nginx | http://nginx.org | webserver
2 | Apache | http://apache.org | webserver
3 | Skype | http://www.skype.com | Messenger
4 | Blender | http://www.blender.org | 3D-modeller

Bordered Table

Add `.table-bordered` for borders on all sides of the table and cells.

# | Name | Homepage | Description
--- | --- | --- | ---
1 | Tor | http://torproject.org | Anonymous network
2 | Bitcoin | http://bitcoin.org | Anonymous money
3 | I2P | http://www.i2p2.de | Anonymous network

Hover rows

Add `.table-hover` to enable a hover state on table rows within a `<tbody>`.

# | Name | Homepage | Description
--- | --- | --- | ---
1 | OpenOffice | http://openoffice.org | Office suite
2 | PyCharm | http://jetbrains.com | IDE
3 | VirtualBox | http://oracle.com | Virtual machine

Combined Table

# | Company | Product | Homepage | Product description
--- | --- | --- | --- | ---
1 | Oracle | OracleDB | http://oracle.com | SQL server
2 | RedHat | RedHat Advanced Server | http://redhat.com | Operation System
3 | Microsoft | Windows | http://microsoft.com | Operation System
4 | Apple | MacOSX | http://apple.com | Operation System
5 | Adobe | Adobe Photoshop | http://adobe.com | Design suite
6 | Corel | Corel Draw! | http://corel.com | Design suite
7 | Google | Chrome | http://google.com | Web-browser
8 | Mozilla | Firefox | http://mozilla.org | Web-browser

Combined Table 2

#### Combine some classes to best view

`.table-striped`, `.table-bordered`, `.table-hover` and `.table-heading`

Also you can use contextual classes to color table rows or individual cells

Column #1 | Column #2 | Column #3 | Column #4 | Column #5
--- | --- | --- | --- | ---
no | class | to | default | view
class | `active` | to | color | row
class | `primary` | to | color | row
class | `success` | to | color | row
class | `info` | to | color | row
class | `warning` | to | color | row
class | `danger` | to | color | row
`active` class to color cell | `success` class to color cell | `info` class to color cell | `warning` class to color cell | `danger` class to color cell