JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid" style="text-align:center">
            <ul class="nav navbar-nav">
            <li class="active"><a href="#">HOME</a></li>
            <li><a href="#">ABOUT</a></li>
            <li><a href="#">SHOP</a></li>
        </ul>
    </div>
</nav>

CSS

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css");
.navbar-nav{
  float:none !important;
  margin:0 auto;
  display:inline-block;
}