JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap-theme.min.css">
  <div style="">
      <b>correct</b>
    <ul class="nav nav-pills nav-stacked">
      <li class=""><a href="#tab_1" data-toggle="pill"><span class=
      "badge pull-right">0/2</span> Introduction </a></li>
      <li class="active"><a href="#tab_4" data-toggle="pill"><span class="badge pull-right">0/4</span> The effect of fear of humans on
      ease of handling of pigs </a></li>
      <li class=""><a href="#tab_2" data-toggle="pill"><span class=
      "badge pull-right">0/4</span> Questionnaire </a></li>
    </ul>
  </div>