Table

Basic usage:

    
  #Foo

  1Bar
2Baz



  

      <table class="table">
  <thead>
    <tr><th>#</th><th>Foo</th></tr>
  </thead>
  <tbody>
    <tr><td>1</th><td>Bar</td></tr>
    <tr><td>2</th><td>Baz</td></tr>
  </tbody>
</table>
    

#	Foo
1	Bar
2	Baz

Modifiers:

table--bordered Add border around a table
table--striped Add stripes to tbody rows
table--hover Add hover effect over tbody rows

    
  #Foo

  1Bar
2Baz
3Bar
4Baz
5Bar
6Baz
7Bar
8Baz



  

      <table class="table table--striped table--hover table--bordered">
  <thead>
    <tr><th>#</th><th>Foo</th></tr>
  </thead>
  <tbody>
    <tr><td>1</th><td>Bar</td></tr>
    <tr><td>2</th><td>Baz</td></tr>
    <tr><td>3</th><td>Bar</td></tr>
    <tr><td>4</th><td>Baz</td></tr>
    <tr><td>5</th><td>Bar</td></tr>
    <tr><td>6</th><td>Baz</td></tr>
    <tr><td>7</th><td>Bar</td></tr>
    <tr><td>8</th><td>Baz</td></tr>
  </tbody>
</table>
    

#	Foo
1	Bar
2	Baz
3	Bar
4	Baz
5	Bar
6	Baz
7	Bar
8	Baz

Table row states:

    
  #Foo

  1Bar
2Baz
3Bar
4Baz
5Bar



  

      <table class="table table--striped table--hover table--bordered">
  <thead>
    <tr><th>#</th><th>Foo</th></tr>
  </thead>
  <tbody>
    <tr class="primary"><td>1</th><td>Bar</td></tr>
    <tr class="success"><td>2</th><td>Baz</td></tr>
    <tr class="info"><td>3</th><td>Bar</td></tr>
    <tr class="warning"><td>4</th><td>Baz</td></tr>
    <tr class="danger"><td>5</th><td>Bar</td></tr>
  </tbody>
</table>
    