JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
    <nav class="navbar navbar-default">
      <ul class="nav nav-justified navbar-nav">
        <li><a href="/">Home</a></li>
        <li><a href="group.html">Group</a></li>
        <li><a href="services.html">Services</a></li>
        <li><a href="positions.html">Positions</a></li>
      </ul>
    </nav>

CSS

.navbar-nav>li {
      float: none;
    }