JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<table>
    <tr class='row'>
        <td class="col-xs-2 col-sm-2 col-md-2 col-lg-2">col 1</td>
        <td class="col-xs-4 col-sm-4 col-md-4 col-lg-4">col 2</td>
        <td class="col-xs-6 col-sm-6 col-md-6 col-lg-6">col 3</td>
    </tr>
</table>

CSS

table tr td {border:1px solid #ccc}