JSFiddle - React, Tailwind, and code Playground

by Doug Hill

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css">
 <ul id="myTab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-target="#home, #home_else" data-toggle="tab">C1</a></li>
        <li><a href="#profile" data-target="#profile, #profile_else" data-toggle="tab">C2</a></li>
    </ul>

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home">
        <p>Content 1.</p>
    </div>
    <div class="tab-pane fade" id="profile">
        <p>Content 2.</p>
    </div>
</div>

<hr>

<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="home_else">
        <p>Content 111.</p>
    </div>
    <div class="tab-pane fade" id="profile_else">
        <p>Content 2222.</p>
    </div>
</div>

CSS

body {
    padding:70px;
}