Bootstrap 3.0 - Table

by perfectnoob

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>
       <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>
</table>


<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;    
            background:lightgray;width:100%;'>
    About this SO Question: <a href='http://stackoverflow.com/q/20151370/1366033'>Make Twitter Bootstrap Table's right most column flush against the edge</a><br/>
    Fork This Skeleton Here <a href='http://jsfiddle.net/KyleMit/kcpma/'>Bootrsap 3.0 Skeleton</a><br/>
<div>

CSS

table tr td:last-child {
    white-space: nowrap;
    width: 1px;
}