JSFiddle - React, Tailwind, and code Playground

by zaphod013

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/lodash.js/1.2.0/lodash.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.js/1.0.0/backbone-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/backbone.marionette/1.0.1-bundled/backbone.marionette.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.7.0/underscore-min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.min.js"></script>
<table class="table">
    <thead>
        <th></th>
        <th>Breakfast</th>
        <th>Lunch</th>
        <th>Dinner</th>
    </thead>
    <tbody>
        <tr>
            <th>Carbs</th>
            <td><input type="checkbox" value="1_1"/></td>
            <td><input type="checkbox" value="1_2"/></td>
            <td><input type="checkbox" value="1_3"/></td>
        </tr>
         <tr>
            <th>Proteins</th>
            <td><input type="checkbox" value="1_1"/></td>
            <td><input type="checkbox" value="1_2"/></td>
            <td><input type="checkbox" value="1_3"/></td>
        </tr>
        <tr>
            <th>Fats</th>
            <td><input type="checkbox" value="1_1"/></td>
            <td><input type="checkbox" value="1_2"/></td>
            <td><input type="checkbox" value="1_3"/></td>
        </tr>
    </tbody>
</table>