JSFiddle - React, Tailwind, and code Playground

by karimkhan

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="row-fluid">
            <div class = "navbar navbar-inverse navbar-fixed-top">
				<div class = "container">
					<a href = "#" class = "navbar-brand">brand</a>

					<!--Collapse menu with three lines-->
					<button type = "button" class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
						<span class = "icon-bar"></span>
						<span class = "icon-bar"></span>
						<span class = "icon-bar"></span>
					</button>

					<!--Actual menu-->
					<div class ="collapse navbar-collapse navHeaderCollapse">
						<ul class = "nav navbar-nav navbar-right">
							<li class = "active"><a href = "#">Home</a></li>
							<li><a href = "#">Blog</a></li>
							<li><a href = "#">About</a></li>
							<li><a href = "#contact">Contact</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>