Bootstrap 3.0 - Table

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">
<div style="padding: 10px;">
  <table class = "table table-hover table-bordered">
    <tr>
     <th> Game ID </th>
     <th> Status </th>
     <th> Players </th>
     <th> Turn </th>
     <th> Last Turn </th>
     <th> Operations </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>
     <td> <button class = "btn btn-primary"> View </button> </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>
     <td> <button class = "btn btn-primary"> View </button> </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>
     <td> <button class = "btn btn-primary"> View </button> </td>
    </tr>
    <tr>
     <td> 1 </td>
     <td> IN PROGRESS </td>
     <td> 4/4 </td>
     <td> tedbeem </td>
     <td> 11/12/13 6:30 PM </td>
     <td> <button class = "btn btn-primary"> View </button> </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>
     <td> <button class = "btn btn-primary"> View </button> </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>
     <td> <button class = "btn btn-primary"> View </button> </td>
    </tr>
    <tr>
     <td> 1 </td>
     <td> IN PROGRESS </td>
     <td> 4/4 </td>
     <td> tedbeem </td>
     <td> 11/12/13 6:30 PM </td>
     <td> <button class = "btn btn-primary"> View </button> </td>
   </tr>
   <tr>
     <td> 2 </td>
  ...