JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div className="jumbotron col-sm-12 text-left row">
  <div className="panel panel-info">
    <div className="panel-heading">
      HEADER
    </div>
  </div>

  <table className="table table-bordered table-condensed table-responsive">
    <tbody>
      <tr class="col-sm-6">
        <td className="col-centered leftCol">
          <div>
            {"hello1"}
          </div>
        </td>
      </tr>
      <tr class="col-sm-6">
        <td className="col-centered rightCol">
          <div>
            {'hello2'}
          </div>
        </td>
      </tr>
    </tbody>
  </table>
</div>