JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<div class="container-fluid">
	<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

			<div class="row">
			<div class="col-xs-2">
					<a class="navbar-brand" href="#">Brand</a>
				</div>

				<div class="col-xs-6 text-center">
					<ul class="nav nav-justified">
						<li><a href="">Variable width link 1</a></li>
						<li><a href="">Variable width link 2</a></li>
					</ul>
				</div>

				<div class="col-xs-4">
					<a class="btn btn-xs btn-default">Fixed width button</a>
					<div class="btn-group">
						<button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">FW drop down&nbsp;&nbsp;<span class="caret"></span></button>
						<ul class="dropdown-menu" role="menu">
							<li><a href="#">Menu item 1</a></li>
							<li><a href="#">Menu item 2</a></li>
						</ul>
					</div>
				</div>
			</div>			

	</nav>
</div>