JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<ul id="formtabs" class="nav nav-tabs" style="margin-bottom:10px;">
  <li class="active"><a data-toggle="tab" href="#tab_form">Form</a></li>
  <li><a data-toggle="tab" href="#tab_resultat">Resultat</a></li>
  <li><a data-toggle="tab" href="#tab_formel">Formel</a></li>
  <li><a data-toggle="tab" href="#tab_info">Informationer</a></li>
</ul>

<div class="tab-content">
  <div id="tab_form" class="tab-pane active">
    <div class="panel-body">Form</div>
  </div>
  <div id="tab_resultat" class="tab-pane">
    <div class="panel-body">Resultat</div>
  </div>

  <div id="tab_formel" class="tab-pane">
    <div class="panel-body">Formel</div>
  </div>

  <div id="tab_info" class="tab-pane">
    <div class="panel-body">Information</div>
  </div>
</div>

JavaScript

$(document).ready(function() {
        $('.nav-tabs a[href="#tab_info"]').tab('show')
    });