JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<!-- Top-Navigation-Bar -->
	<div class="row-fluid">
	<div class="navbar navbar-fixed-top">
		<div class="navbar-inner" id= "topbar">
			<div class="container">
				<a href="#"><img class = "brand" src="https://s3.amazonaws.com/sprc-www/img/logo.png" alt="SparkCharger" /></a>
				<button id="topbtn" type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
				<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
				<div class = "nav-collapse">
					<ul class="nav pull-right">
						<li class = "active"><form class="navbar-search brand">
						<input type="text" class="search-query" placeholder="Search"></form></li>
						<li><a href="#"> <h5> Discover </h5></a></li>
						<li><a href="#"> <h5> Blog </h5></a></li>
						<li class="dropdown">
							<a class="dropdown-toggle" data-toggle="dropdown" href="#"><h5>Start <span class="caret"></span></h5></a>
							<ul class="dropdown-menu">
								<li><a href="#"> <h6> Login </h6></a></li>
								<li><a href="#"> <h6> Signup </h6></a></li>
							</ul>
					 	</li>
						
					</ul>
				</div>
			</div>
		</div>
	</div>
	</div>
	<!-- /Top-Navigation-Bar -->

CSS

.brand {height: 25px;}