JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="row">

  <div class="span6">
	<h1>The big text here</h1>
  </div> <!--.span6 --> 

  <div class="span6">
	<nav class="navbar pull-right">
	  <div class="navbar-inner">
		<ul class="nav">
		  <li><a href="#">Link1</a></li>
		  <li class="divider-vertical"></li>
		  <li><a href="#">Link2</a></li>
		  <li class="divider-vertical"></li>
		  <li><a href="#">Link3</a></li>
		  <li class="divider-vertical"></li>
		  <li><a href="#">Link4</a></li>
		  <li class="divider-vertical"></li>
		  <li><a href="#">Link5</a></li>
		</ul><!--.nav-->
	  </div><!--.navbar-inner-->
	</nav><!--.nav-->
  </div> <!--.span6-->
  
</div> <!--.row-->

CSS

.navbar .navbar-inner .nav {
    margin: 0;
    padding: 0;
}