JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<ul class="nav nav-tabs nav-justified">
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
    <li role="presentation" class="active"><a href="#">Home <span class="badge">15</span></a></li>
</ul>