JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://rawgithub.com/twbs/bootstrap/master/dist/css/bootstrap.min.css">
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<div class="panel panel-primary">
  <div class="panel-heading text-center">
    Ranking
  </div>
  <table class="table table-bordered">
    <tr>
      <th>#</th>
      <th>Name</th>
    </tr>
    <tr>
      <td>1</td>
      <td>foo</td>
    </tr>
    <tr>
      <td>2</td>
      <td>bar</td>
    </tr>
  </table>
  <div class="panel-footer text-center">
    Term: 1/12/2013 ~ 31/12/2013
  </div>
</div>

CSS

.panel {
  margin: 50px;
  color: #fff;
  background-color: #777;
}

.table th {
  color: #000;
  background-color: #aaa;
}
.table td {
  color: #000;
  background-color: #eee;
}

.panel-footer {
  color: #000;
}