JSFiddle - React, Tailwind, and code Playground
by abbaspanjwani
HTML
<head id="Head1" runat="server">
<title></title>
<!--<link rel="stylesheet" href="Styles/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="Styles/MasterPageCss.css" type="text/css" />
<script src="Scripts/jquery.min.js" type="text/javascript"></script>
<script src="Scripts/bootstrap.min.js" type="text/javascript"></script>-->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<nav class="navbar navbar-inverse border-radius-zero">
<div class="container-fluid">
<div class="navbar-header" id="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar" id="btn-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div>
<div class="collapse navbar-collapse navbar-right" id="myNavbar">
<ul class="nav navbar-nav" id="nav-u">
<li><a href="../Dashboard.aspx" class="">Home</a></li>
<li class="dropdown"><a class="" data-toggle="dropdown" href="#">Master Entries<span class="caret"></span></a>
<ul class="dropdown-menu" id="dropdown-menu">
<li><a href="#"><span>A1</span></a></li>
<li><a href="#"><span>A2</span></a></li>
</ul>
</li>
<li class="dropdown"><a class="dropdown-toggle"...