--- layout: documentation doc-tab: elements doc-subtab: table --- {% include subnav-elements.html %}

# Tables

## The inevitable HTML table, with special case cells

| Open source projects | Year started | Links
--- | --- | --- | ---
| Open source projects | Year started | Links
| Android | 2003 |  |  |
| Firefox | 2003 |  |  |
| Linux | 2003 |  |  |
| WordPress | 2003 |  |  |

{% highlight html %}

Name | Instrument |  |
--- | --- | --- | ---
Name | Instrument |  |
Misty Abbott | Bass Guitar |  |
John Smith | Rhythm Guitar |  |
Robert Mikels | Lead Guitar |  |
Karyn Holmberg | Drums |  |

{% endhighlight %}

### Modifiers

Add borders to all the cells.

`table is-bordered`

One | Two
--- | ---
Three | Four

Add stripes to the table.

`table is-striped`

One | Two
--- | ---
Three | Four
Five | Six
Seven | Eight

Make the cells narrower.

`table is-narrow`

One | Two
--- | ---
Three | Four
Five | Six
Seven | Eight

You can combine all three modifiers.

`table is-bordered is-striped is-narrow`

One | Two
--- | ---
Three | Four
Five | Six
Seven | Eight