JSFiddle - React, Tailwind, and code Playground

by PhillipSenn

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<nav class="nav navbar-default navbar-fixed-top">
	<div class="navbar-inverse">
		<div class="container">
			<div class="navbar-header"> <a class="navbar-brand glyphicon glyphicon-home" href="/GetupAGame/"
	data-toggle="tooltip" data-placement="bottom" title="Home"></a> </div>
			<ul class="nav navbar-nav">
				<li class="active dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown"> Public <b class="caret"></b> </a>
					<ul class="dropdown-menu">
						<li>
							<a href="##">Menu Item 1</a>
						</li>
						<li>
							<a href="##">Menu Item 2</a>
							<ul>
								<li>
									<a href="##">sub menu A</a>
								</li>
								<li>
									<a href="##">sub menu B</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="##">Menu Item 3</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div>
</nav>
<main class="container">
	<h1>Hello World!</h1>
</main>

CSS

body {
    padding-top:40px;
}