JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://vtimbuc.github.io/bootstrap-responsive-tabs/dist/css/bootstrap-responsive-tabs.css">
<script src="http://vtimbuc.github.io/bootstrap-responsive-tabs/dist/js/jquery.bootstrap-responsive-tabs.min.js"></script>
<ul class="nav nav-tabs responsive-tabs">
  <li class="active"><a href="#home1">Home</a></li>
  <li><a href="#profile1">Profile</a></li>
</ul>

<div class="tab-content">
  <div class="tab-pane active" id="home1">
    <p>1. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </div>

  <div class="tab-pane" id="profile1">
    <p>2. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </div>
</div>

JavaScript

$('.responsive-tabs').responsiveTabs({
  accordionOn: ['xs', 'sm'] // xs, sm, md, lg
});