JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<nav class="navbar navbar-fixed-top navbar-default" role="navigation" container="false">
  <div class="navbar-header">
  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsable">
    <span class="sr-only">Toggle navigation</span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
  <a href="http://localhost:3000/" class="navbar-brand">
  Docket
</a>
</div><div class="collapse navbar-collapse" id="navbar-collapsable">
  
			<ul class="nav navbar-nav foo" id="menu">
  
				<li>
  <a href="/docket">
    My Docket
  </a>
</li>
				<li>
  <a href="/teachers">
    Teachers
  </a>
</li>
				<li>
  <a href="/courses">
    Courses
  </a>
</li>
				<li>
  <a href="/classrooms">
    Classes
  </a>
</li>

</ul>			<ul class="nav navbar-nav navbar-right">
  
				<p class="navbar-text">Logged in as Some Person</p>
				<li>
  <a href="/log_out">
    Log out
  </a>
</li>

</ul>
</div>
</nav>