Bootstrap 3.0 - Table

by vishwackh89

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<table class = "table table-hover">
    <tr>
       <th> Game ID </th>
       <th> Status </th>
       <th> Players </th>
       <th> Turn </th>
       <th> Last Turn </th>
   </tr>
   <tr>
       <td> 1 </td>
       <td> IN PROGRESS </td>
       <td> 4/4 </td>
       <td> tedbeem </td>
       <td> 11/12/13 6:30 PM </td>
   </tr>
   <tr>
       <td> 2 </td>
       <td> RECRUITING </td>
       <td> 4/5 </td>
       <td> N/A </td>
       <td> 11/12/13 3:10 PM </td>

   </tr>
   <tr>
       <td> 13 </td>
       <td> IN PROGRESS </td>
       <td> 3/3 </td>
       <td> D-Halt-on </td>
       <td> 11/12/13 9:00 AM </td>

    </tr>
</table>

CSS

table {
    background: white;
    border: 1px solid #c3c3c3;
    border-radius: 5px;
    border-spacing: 0px;
    border-collapse: separate;
}
table th {
    background: #c6c6c6;
}