JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<div class="tabbable  tabs-left">
    <ul class="nav nav-tabs" data-tabs="tabs">
        <li class="active"> <a href="#foodTab" data-toggle="tab">
    Food</a>
        </li>
        <li class=""> <a href="#toyTab" data-toggle="tab">
    Toy</a>
        </li>
        <li class=""> <a href="#clothesTab" data-toggle="tab">
    Clothes</a>
        </li>
        <li class=""> <a href="#booksTab" data-toggle="tab">
    Book</a>
        </li>
    </ul>
    <div class="tab-content">
        <div class="tab-pane fade in active" id="foodTab">Oh my god it's the food tab!</div>
        <div class="tab-pane fade" id="toyTab">Toy tab!</div>
        <div class="tab-pane fade" id="clothesTab">clothing tab</div>
        <div class="tab-pane fade" id="booksTab">books books books</div>
    </div>
</div>