JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script>
<nav class="navbar navbar-default navbar-static-top navbar-inverse">
  <div class="navbar-header">
    <a class="navbar-brand " href="#">
      Website
    </a>
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#home-menu" aria-expanded="false">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
  </div>
  <div class="collapse navbar-collapse" id="home-menu">
    <ul class="nav navbar-nav">
      <li class="active"><a class="navbar-brand">Home</a></li>
      <li><a class="navbar-brand" href="#">Menu 1</a></li>
      <li><a class="navbar-brand" href="#">Menu 2</a></li>
      <li><a class="navbar-brand" href="#">Menu 3</a></li>
      <li><a class="navbar-brand" href="#">Menu 4</a></li>
    </ul>
  </div>
</nav>
<div class="container-fluid">Hello World</div>