JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="well">
  <div class="tabbable ">
    <ul class="nav nav-tabs">
      <li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
      <li><a href="#tab2" data-toggle="tab">Section 2</a></li>
      <li><a href="#tab3" data-toggle="tab">Section 3</a></li>
      <li><a href="#tab4" data-toggle="tab">Section 4</a></li>
      <li><a href="#tab5" data-toggle="tab">Section 5</a></li>
      <li><a href="#tab6" data-toggle="tab">Section 6</a></li>
      <li><a href="#tab7" data-toggle="tab">Section 7</a></li>
      <li><a href="#tab8" data-toggle="tab">Section 8</a></li>
      <li><a href="#tab9" data-toggle="tab">Section 9</a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-pane active" id="tab1">
        <p>I'm in Section 1.</p>
      </div>
      <div class="tab-pane" id="tab2">
        <p>Howdy, I'm in Section 2.</p>
      </div>
      <div class="tab-pane" id="tab3">
        <p>Howdy, I'm in Section 3.</p>
      </div>
      <div class="tab-pane" id="tab4">
        <p>Howdy, I'm in Section 4.</p>
      </div>
      <div class="tab-pane" id="tab5">
        <p>Howdy, I'm in Section 5.</p>
      </div>
      <div class="tab-pane" id="tab6">
        <p>Howdy, I'm in Section 6.</p>
      </div>
      <div class="tab-pane" id="tab7">
        <p>Howdy, I'm in Section 7.</p>
      </div>
      <div class="tab-pane" id="tab8">
        <p>Howdy, I'm in Section 8.</p>
      </div>
      <div class="tab-pane" id="tab9">
        <p>Howdy, I'm in Section 9.</p>
      </div>
    </div>
  </div>

CSS

ul.nav > li {
  width: 15%; 
}

/*!
 * Tab drop for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Jenna Schabdach
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.nav-tabs,
.nav-pills {
  position: relative;
}


/* adjust as needed so the tab text displays */

.tabdrop {
  width: 120px;
}


/* hide any icons found in tabs not on first line */

.nav-tabs li li i {
  visibility: hidden;
}

JavaScript

/* =========================================================
 * bootstrap-tabdrop.js
 * http://www.eyecon.ro/bootstrap-tabdrop
 * =========================================================
 * Copyright 2012 Stefan Petre
 * Copyright 2013 Jenna Schabdach
 * Copyright 2014 Jose Ant. Aranda
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, eihttps://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.jsther express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================= */

! function($) {

  var WinResizer = (function() {
    var registered = [];
    var inited = false;
    var timer;
    var resize = function() {
      clearTimeout(timer);
      timer = setTimeout(notify, 100);
    };
    var notify = function() {
      for (var i = 0, cnt = registered.length; i < cnt; i++) {
        registered[i].apply();
      }
    };
    return {
      register: function(fn) {
        registered.push(fn);
        if (inited === false) {
          $(window).bind('resize', resize);
          inited = true;
        }
      },
      unregister: function(fn) {
        var registeredFnIndex = registered.indexOf(fn);
        if (registeredFnIndex > -1) {
          registered.splice(registeredFnIndex, 1);
        }
      }
    }
  }());

  var TabDrop = function(element, options) {
    this.element = $(element);
    this.options = options;

    if (options.align === "left")
      this.dropdown = $('<li class="dropdown hide pull-left tabdrop"><a class="dropdown-toggle" data-toggle="dropdown"...