JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<body>
  <div class="navbar navbar-fixed-top" style="background-color: gray;">
    <div class="pull-left" style="width:200px;">
      <a class="btn btn-navbar pull-left">Left Text</a>
      <a class="btn btn-navbar pull-left">Left Text 2</a>
    </div>
    <div class="pull-right" style="width:200px;">
      <a class="btn btn-navbar pull-right">Right Text</a>
      <a class="btn btn-navbar pull-right">Right Text 2</a>
    </div>
    <div class="navbar-inner">
      <div class="container-fluid" style="text-align: center;">
        <a class="brand" href="#" style="margin:0 auto; float: none;">
          <img src="http://static.bbci.co.uk/frameworks/barlesque/2.59.1/desktop/3.5/img/blq-blocks_grey_alpha.png" style="height:30px;">    
        </a>
      </div>
    </div>
  </div> 
</body>