JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class= "navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
<a class= "btn btn-navbar" data-toggle= "collapse" data-target= ".nav-collapse">
<i class="icon-tasks"></i>
</a>
<a href = "#" class = "brand">P.R.I.S.M.</a>
<div class= "nav-collapse collapse">
<ul class= "nav pull-left">
<li class = "active"><a href="TLHome.php">Home</a></li>
<li class="dropdown">
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Hours<b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="NormalEval.php">View Own Hours</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="TLEval.php">Record Own Hours</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="TLEval.php">Record Employee Hours</a></li>
</ul>
</li>
<li class="dropdown">
<a id="drop1" href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">Evaluations<b class="caret"></b></a>
<ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="NormalEval.php">Employee Evaluation</a></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="TLEval.php">Team Leader Evaluation</a></li>
...