JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<nav class="navbar navbar-default" role="navigation">
  <div class="nav navbar-left">
    <a class="btn btn-default" href="#">LEFT</a>
  </div>
  <div class="nav navbar-nav">
    <a class="btn btn-default" href="#">CENTER</a>    
  </div>
</nav>

CSS

@media (min-width: 768px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}