JSFiddle - React, Tailwind, and code Playground

by srosengren

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<ul id="myTab" class="nav nav-tabs">
    <li class="active"><a href="#c1" data-toggle="tab">content1</a></li>
    <li><a href="#c2" data-toggle="tab">content2</a></li>
    <li><a href="#c3" data-toggle="tab">content3</a></li>
</ul>
<div class="tab-content">
    <div class="tab-pane fade in active" id="c1">
      <p>Content1.</p>
    </div>
    <div class="tab-pane fade" id="c2">
      <p>Content2.</p>
    </div>
    <div class="tab-pane fade" id="c3">
      <p>Content3.</p>
    </div>
</div>

CSS

.nav-tabs {
    float:right;
}

.nav-tabs > li {
    float:none;
    margin-bottom: 10px;
    background: #eee;
}