JSFiddle - React, Tailwind, and code Playground

by Joel Garcia

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css -->
<div class="table-responsive">
<table class="table table-condensed">
   <thead>
      <tr>
         <th>#</th>
         <th>First Name</th>
         <th>Last Name</th>
         <th>Username</th>
      </tr>
   </thead>
   <tbody>
      <tr class="warning">
         <th scope="row">1</th>
         <td class="active">Mark</td>
         <td class="success">Otto</td>
         <td class="danger">@mdo</td>
      </tr>
      <tr>
         <th class="warning" scope="row">2</th>
         <td class="warning">Jacob</td>
         <td class="success">Thornton</td>
         <td class="danger">@fat</td>
      </tr>
      <tr>
         <th class="warning" scope="row">3</th>
         <td class="active" colspan="2">Larry the Bird</td>
         <td class="danger">@twitter</td>
      </tr>
   </tbody>
</table>
</div>