JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<div class="well">
    <ul id="tabs" class="nav nav-tabs">
        <li class="active">
        <a href="#design" data-toggle="tab">Cover Design</a></li>
        <li><a href="#video" data-toggle="tab">Video Trailers</a></li>
        <li><a href="#web" data-toggle="tab">Web Banner</a></li>
    </ul>
    <div class="tab-content">
        <h2>Design Elements</h2>
        <ul>
            <li>This is the content that need to be static</li>
            <li>Skill: I'm skilled!</li>
            <li>Skill: I'm skilled!</li>
            <li>Skill: I'm skilled!</li>
        </ul>
        <div class="tab-pane active" id="design">
            <p>Content that needs to be switched between tabs 1</p>
        </div>
        <div class="tab-pane" id="video">
            <p>Content that needs to be switched between tabs 2</p>
        </div>
        <div class="tab-pane" id="web">
            <p>Content that needs to be switched between tabs 3</p>
        </div>    
    </div>
</div>