JSFiddle - React, Tailwind, and code Playground

by willtx

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<script src="http:////maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 <nav class="navbar navbar-default navbar-static-top" role="navigation">
   <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
 <a class="navbar-brand" href='#/home'><span class="glyphicon glyphicon-home"></span>&nbsp;Home</a>
  </div>  
<div class="navbar-collapse collapse" id="navbar-collapse-1">
    <ul class="nav navbar-nav">
        <li class="dropdown"> <a class="btn dropdown-toggle" role="button" id="maintenanceddm" data-toggle="dropdown">
                            Maintenance
                            <b class="caret"></b>
                        </a>

            <ul class="dropdown-menu" role="menu" aria-labelledby="maintenanceddm">
                <li data-ng-class="{active : activeViewPath==='/pipeline'}"><a href="#/pipeline">Pipeline</a>
                </li>
                <li rolee="presentation" class="divider"></li>
                <li role="presentation"> <a role="menuitem" tabindex="-1" href="#/maintenance">Volume Grid</a>

                </li>
                <li role="presentation" class="divider"></li>
                <li role="presentation"> <a role="menuitem" tabindex="-1" href="#/maintenance">Office Location</a>

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