JSFiddle - React, Tailwind, and code Playground

by Sherbrow

HTML

<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap.min.css">
<div class="span5 news">
  <div class="row">
    <h2 class="pull-left">Heading</h2>
    <ul class="nav nav-pills pull-right">
      <li class="active">
        <a href="#tab-1" data-toggle="tab">1</a>
      </li>
      <li class="">
        <a href="#tab-2" data-toggle="tab">2</a>
      </li>
    </ul>
  </div>
  <div class="row tab-content">
    <div class="tab-pane active" id="tab-1">
        1
      <p>
        <span class="label">Test 1</span>
         Some Text
            
        <a class="act act-primary" href="http://somewhere.com" >a link</a>
      </p>
    </div>
  </div>
  <!--/row-->
  <div class="row tab-content">
    <div class="tab-pane" id="tab-2">
        2
      <p>
        <span class="label">Test 2</span>
         Some Text
            
        <a class="act act-primary" href="http://somewhere.com" >another link</a>
      </p>
    </div>
  </div>
  <!--/row-->
</div>

CSS

.tab-content > .tab-pane, .pill-content > .pill-pane { 
display: none;
}
.tab-content > .active, .pill-content > .active { 
display: block;
}